#33abf0 Color Information
In a RGB color space, hex #33abf0 is composed of 20% red, 67.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 28.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 201.9 degrees, a saturation of 86.3% and a lightness of 57.1%. #33abf0 color hex could be obtained by blending #66ffff with #0057e1. Closest websafe color is: #3399ff.
-
- R 20
- G 67
- B 94
-
- C 79
- M 29
- Y 0
- K 6
● #33abf0 color description : Bright blue.
#33abf0 Color Conversion
The hexadecimal color #33abf0 has RGB values of R:51, G:171, B:240 and CMYK values of C:0.79, M:0.29, Y:0, K:0.06. Its decimal value is 3386352.
Hex triplet | 33abf0 | #33abf0 |
---|---|---|
RGB Decimal | 51, 171, 240 | rgb(51,171,240) |
RGB Percent | 20, 67.1, 94.1 | rgb(20%,67.1%,94.1%) |
CMYK | 79, 29, 0, 6 | |
HSL | 201.9°, 86.3, 57.1 | hsl(201.9,86.3%,57.1%) |
HSV (or HSB) | 201.9°, 78.8, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.61, -9.506, -43.679 |
---|---|
XYZ | 31.652, 36.118, 87.737 |
xyY | 0.204, 0.232, 36.118 |
CIE-LCH | 66.61, 44.702, 257.721 |
CIE-LUV | 66.61, -40.272, -69.101 |
Hunter-Lab | 60.098, -11.16, -44.488 |
Binary | 00110011, 10101011, 11110000 |
Color Schemes with #33abf0
Alternatives to #33abf0
Below, you can see some colors close to #33abf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33abf0 Preview
This text has a font color of #33abf0.
<span style="color:#33abf0;">Text here</span>
This paragraph has a background color of #33abf0.
<p style="background-color:#33abf0;">Content here</p>
This element has a border color of #33abf0.
<div style="border:1px solid #33abf0;">Content here</div>
.text {color:#33abf0;}
.background {background-color:#33abf0;}
.border {border:1px solid #33abf0;}
Shades and Tints of #33abf0
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, #010a0f is the darkest color, while #fcfeff is the lightest one.
-
#010a0f
#010a0f
rgb(1,10,15)
-
#021622
#021622
rgb(2,22,34)
-
#042234
#042234
rgb(4,34,52)
-
#052e46
#052e46
rgb(5,46,70)
-
#063a58
#063a58
rgb(6,58,88)
-
#08476b
#08476b
rgb(8,71,107)
-
#09537d
#09537d
rgb(9,83,125)
-
#0b5f8f
#0b5f8f
rgb(11,95,143)
-
#0c6ba1
#0c6ba1
rgb(12,107,161)
-
#0d77b4
#0d77b4
rgb(13,119,180)
-
#0f83c6
#0f83c6
rgb(15,131,198)
-
#108fd8
#108fd8
rgb(16,143,216)
-
#119beb
#119beb
rgb(17,155,235)
-
#21a3ef
#21a3ef
rgb(33,163,239)
-
#33abf0
#33abf0
rgb(51,171,240)
-
#45b3f1
#45b3f1
rgb(69,179,241)
-
#58baf3
#58baf3
rgb(88,186,243)
-
#6ac2f4
#6ac2f4
rgb(106,194,244)
-
#7cc9f5
#7cc9f5
rgb(124,201,245)
-
#8ed1f7
#8ed1f7
rgb(142,209,247)
-
#a1d8f8
#a1d8f8
rgb(161,216,248)
-
#b3e0f9
#b3e0f9
rgb(179,224,249)
-
#c5e7fb
#c5e7fb
rgb(197,231,251)
-
#d7effc
#d7effc
rgb(215,239,252)
-
#eaf6fd
#eaf6fd
rgb(234,246,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #33abf0
A tone is produced by adding gray to any pure hue. In this case, #909293 is the less saturated color, while #2badf8 is the most saturated one.
-
#909293
#909293
rgb(144,146,147)
-
#87949c
#87949c
rgb(135,148,156)
-
#7f97a4
#7f97a4
rgb(127,151,164)
-
#7699ad
#7699ad
rgb(118,153,173)
-
#6e9bb5
#6e9bb5
rgb(110,155,181)
-
#669dbd
#669dbd
rgb(102,157,189)
-
#5da0c6
#5da0c6
rgb(93,160,198)
-
#55a2ce
#55a2ce
rgb(85,162,206)
-
#4ca4d7
#4ca4d7
rgb(76,164,215)
-
#44a6df
#44a6df
rgb(68,166,223)
-
#3ba9e8
#3ba9e8
rgb(59,169,232)
-
#33abf0
#33abf0
rgb(51,171,240)
-
#2badf8
#2badf8
rgb(43,173,248)
Color Blindness Simulator
Below, you can see how #33abf0 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.