#33b8f2 Color Information
In a RGB color space, hex #33b8f2 is composed of 20% red, 72.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 24% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.2 degrees, a saturation of 88% and a lightness of 57.5%. #33b8f2 color hex could be obtained by blending #66ffff with #0071e5. Closest websafe color is: #33ccff.
-
- R 20
- G 72
- B 95
-
- C 79
- M 24
- Y 0
- K 5
● #33b8f2 color description : Bright blue.
#33b8f2 Color Conversion
The hexadecimal color #33b8f2 has RGB values of R:51, G:184, B:242 and CMYK values of C:0.79, M:0.24, Y:0, K:0.05. Its decimal value is 3389682.
Hex triplet | 33b8f2 | #33b8f2 |
---|---|---|
RGB Decimal | 51, 184, 242 | rgb(51,184,242) |
RGB Percent | 20, 72.2, 94.9 | rgb(20%,72.2%,94.9%) |
CMYK | 79, 24, 0, 5 | |
HSL | 198.2°, 88, 57.5 | hsl(198.2,88%,57.5%) |
HSV (or HSB) | 198.2°, 78.9, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.45, -15.863, -38.763 |
---|---|
XYZ | 34.529, 41.392, 90.169 |
xyY | 0.208, 0.249, 41.392 |
CIE-LCH | 70.45, 41.883, 247.744 |
CIE-LUV | 70.45, -44.58, -60.446 |
Hunter-Lab | 64.337, -16.792, -38.06 |
Binary | 00110011, 10111000, 11110010 |
Color Schemes with #33b8f2
Alternatives to #33b8f2
Below, you can see some colors close to #33b8f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b8f2 Preview
This text has a font color of #33b8f2.
<span style="color:#33b8f2;">Text here</span>
This paragraph has a background color of #33b8f2.
<p style="background-color:#33b8f2;">Content here</p>
This element has a border color of #33b8f2.
<div style="border:1px solid #33b8f2;">Content here</div>
.text {color:#33b8f2;}
.background {background-color:#33b8f2;}
.border {border:1px solid #33b8f2;}
Shades and Tints of #33b8f2
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, #010c11 is the darkest color, while #feffff is the lightest one.
-
#010c11
#010c11
rgb(1,12,17)
-
#021a24
#021a24
rgb(2,26,36)
-
#032736
#032736
rgb(3,39,54)
-
#053449
#053449
rgb(5,52,73)
-
#06415b
#06415b
rgb(6,65,91)
-
#074e6d
#074e6d
rgb(7,78,109)
-
#085c80
#085c80
rgb(8,92,128)
-
#096992
#096992
rgb(9,105,146)
-
#0b76a5
#0b76a5
rgb(11,118,165)
-
#0c83b7
#0c83b7
rgb(12,131,183)
-
#0d90ca
#0d90ca
rgb(13,144,202)
-
#0e9edc
#0e9edc
rgb(14,158,220)
-
#0fabef
#0fabef
rgb(15,171,239)
-
#21b2f1
#21b2f1
rgb(33,178,241)
-
#33b8f2
#33b8f2
rgb(51,184,242)
-
#45bef3
#45bef3
rgb(69,190,243)
-
#58c5f4
#58c5f4
rgb(88,197,244)
-
#6acbf6
#6acbf6
rgb(106,203,246)
-
#7dd2f7
#7dd2f7
rgb(125,210,247)
-
#8fd8f8
#8fd8f8
rgb(143,216,248)
-
#a2dff9
#a2dff9
rgb(162,223,249)
-
#b4e5fa
#b4e5fa
rgb(180,229,250)
-
#c7ebfb
#c7ebfb
rgb(199,235,251)
-
#d9f2fd
#d9f2fd
rgb(217,242,253)
-
#ebf8fe
#ebf8fe
rgb(235,248,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #33b8f2
A tone is produced by adding gray to any pure hue. In this case, #8f9496 is the less saturated color, while #2bbbfa is the most saturated one.
-
#8f9496
#8f9496
rgb(143,148,150)
-
#86979f
#86979f
rgb(134,151,159)
-
#7e9ba7
#7e9ba7
rgb(126,155,167)
-
#769eaf
#769eaf
rgb(118,158,175)
-
#6da1b8
#6da1b8
rgb(109,161,184)
-
#65a4c0
#65a4c0
rgb(101,164,192)
-
#5da8c8
#5da8c8
rgb(93,168,200)
-
#54abd1
#54abd1
rgb(84,171,209)
-
#4caed9
#4caed9
rgb(76,174,217)
-
#44b1e1
#44b1e1
rgb(68,177,225)
-
#3bb5ea
#3bb5ea
rgb(59,181,234)
-
#33b8f2
#33b8f2
rgb(51,184,242)
-
#2bbbfa
#2bbbfa
rgb(43,187,250)
Color Blindness Simulator
Below, you can see how #33b8f2 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.