#33a1ff Color Information
In a RGB color space, hex #33a1ff is composed of 20% red, 63.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 36.9% magenta, 0% yellow and 0% black. It has a hue angle of 207.6 degrees, a saturation of 100% and a lightness of 60%. #33a1ff color hex could be obtained by blending #66ffff with #0043ff. Closest websafe color is: #3399ff.
-
- R 20
- G 63
- B 100
-
- C 80
- M 37
- Y 0
- K 0
● #33a1ff color description : Vivid blue.
#33a1ff Color Conversion
The hexadecimal color #33a1ff has RGB values of R:51, G:161, B:255 and CMYK values of C:0.8, M:0.37, Y:0, K:0. Its decimal value is 3383807.
Hex triplet | 33a1ff | #33a1ff |
---|---|---|
RGB Decimal | 51, 161, 255 | rgb(51,161,255) |
RGB Percent | 20, 63.1, 100 | rgb(20%,63.1%,100%) |
CMYK | 80, 37, 0, 0 | |
HSL | 207.6°, 100, 60 | hsl(207.6,100%,60%) |
HSV (or HSB) | 207.6°, 80, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.492, 1.45, -55.209 |
---|---|
XYZ | 32.156, 33.411, 99.356 |
xyY | 0.195, 0.203, 33.411 |
CIE-LCH | 64.492, 55.228, 271.505 |
CIE-LUV | 64.492, -36.16, -89.419 |
Hunter-Lab | 57.802, -1.852, -61.453 |
Binary | 00110011, 10100001, 11111111 |
Color Schemes with #33a1ff
Alternatives to #33a1ff
Below, you can see some colors close to #33a1ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a1ff Preview
This text has a font color of #33a1ff.
<span style="color:#33a1ff;">Text here</span>
This paragraph has a background color of #33a1ff.
<p style="background-color:#33a1ff;">Content here</p>
This element has a border color of #33a1ff.
<div style="border:1px solid #33a1ff;">Content here</div>
.text {color:#33a1ff;}
.background {background-color:#33a1ff;}
.border {border:1px solid #33a1ff;}
Shades and Tints of #33a1ff
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00060c is the darkest color, while #f7fbff is the lightest one.
-
#00060c
#00060c
rgb(0,6,12)
-
#00111f
#00111f
rgb(0,17,31)
-
#001c33
#001c33
rgb(0,28,51)
-
#002647
#002647
rgb(0,38,71)
-
#00315a
#00315a
rgb(0,49,90)
-
#003b6e
#003b6e
rgb(0,59,110)
-
#004681
#004681
rgb(0,70,129)
-
#005095
#005095
rgb(0,80,149)
-
#005ba9
#005ba9
rgb(0,91,169)
-
#0066bc
#0066bc
rgb(0,102,188)
-
#0070d0
#0070d0
rgb(0,112,208)
-
#007be4
#007be4
rgb(0,123,228)
-
#0085f7
#0085f7
rgb(0,133,247)
-
#0c8fff
#0c8fff
rgb(12,143,255)
-
#1f98ff
#1f98ff
rgb(31,152,255)
-
#33a1ff
#33a1ff
rgb(51,161,255)
-
#47aaff
#47aaff
rgb(71,170,255)
-
#5ab3ff
#5ab3ff
rgb(90,179,255)
-
#6ebcff
#6ebcff
rgb(110,188,255)
-
#81c5ff
#81c5ff
rgb(129,197,255)
-
#95ceff
#95ceff
rgb(149,206,255)
-
#a9d7ff
#a9d7ff
rgb(169,215,255)
-
#bce0ff
#bce0ff
rgb(188,224,255)
-
#d0e9ff
#d0e9ff
rgb(208,233,255)
-
#e4f2ff
#e4f2ff
rgb(228,242,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #33a1ff
A tone is produced by adding gray to any pure hue. In this case, #919aa1 is the less saturated color, while #33a1ff is the most saturated one.
-
#919aa1
#919aa1
rgb(145,154,161)
-
#899aa9
#899aa9
rgb(137,154,169)
-
#819bb1
#819bb1
rgb(129,155,177)
-
#7a9bb8
#7a9bb8
rgb(122,155,184)
-
#729cc0
#729cc0
rgb(114,156,192)
-
#6a9dc8
#6a9dc8
rgb(106,157,200)
-
#629dd0
#629dd0
rgb(98,157,208)
-
#5a9ed8
#5a9ed8
rgb(90,158,216)
-
#529fe0
#529fe0
rgb(82,159,224)
-
#4b9fe7
#4b9fe7
rgb(75,159,231)
-
#43a0ef
#43a0ef
rgb(67,160,239)
-
#3ba0f7
#3ba0f7
rgb(59,160,247)
-
#33a1ff
#33a1ff
rgb(51,161,255)
Color Blindness Simulator
Below, you can see how #33a1ff is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.