#33b4c9 Color Information
In a RGB color space, hex #33b4c9 is composed of 20% red, 70.6% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 10.4% magenta, 0% yellow and 21.2% black. It has a hue angle of 188.4 degrees, a saturation of 59.5% and a lightness of 49.4%. #33b4c9 color hex could be obtained by blending #66ffff with #006993. Closest websafe color is: #33cccc.
-
- R 20
- G 71
- B 79
-
- C 75
- M 10
- Y 0
- K 21
● #33b4c9 color description : Moderate cyan.
#33b4c9 Color Conversion
The hexadecimal color #33b4c9 has RGB values of R:51, G:180, B:201 and CMYK values of C:0.75, M:0.1, Y:0, K:0.21. Its decimal value is 3388617.
Hex triplet | 33b4c9 | #33b4c9 |
---|---|---|
RGB Decimal | 51, 180, 201 | rgb(51,180,201) |
RGB Percent | 20, 70.6, 78.8 | rgb(20%,70.6%,78.8%) |
CMYK | 75, 10, 0, 21 | |
HSL | 188.4°, 59.5, 49.4 | hsl(188.4,59.5%,49.4%) |
HSV (or HSB) | 188.4°, 74.6, 78.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.696, -27.171, -20.587 |
---|---|
XYZ | 28.226, 37.561, 61.017 |
xyY | 0.223, 0.296, 37.561 |
CIE-LCH | 67.696, 34.09, 217.151 |
CIE-LUV | 67.696, -45.849, -28.137 |
Hunter-Lab | 61.287, -25.042, -16.129 |
Binary | 00110011, 10110100, 11001001 |
Color Schemes with #33b4c9
Alternatives to #33b4c9
Below, you can see some colors close to #33b4c9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b4c9 Preview
This text has a font color of #33b4c9.
<span style="color:#33b4c9;">Text here</span>
This paragraph has a background color of #33b4c9.
<p style="background-color:#33b4c9;">Content here</p>
This element has a border color of #33b4c9.
<div style="border:1px solid #33b4c9;">Content here</div>
.text {color:#33b4c9;}
.background {background-color:#33b4c9;}
.border {border:1px solid #33b4c9;}
Shades and Tints of #33b4c9
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, #030c0d is the darkest color, while #fdfefe is the lightest one.
-
#030c0d
#030c0d
rgb(3,12,13)
-
#071a1d
#071a1d
rgb(7,26,29)
-
#0b282d
#0b282d
rgb(11,40,45)
-
#0f363c
#0f363c
rgb(15,54,60)
-
#13444c
#13444c
rgb(19,68,76)
-
#17525b
#17525b
rgb(23,82,91)
-
#1b606b
#1b606b
rgb(27,96,107)
-
#1f6e7b
#1f6e7b
rgb(31,110,123)
-
#237c8a
#237c8a
rgb(35,124,138)
-
#278a9a
#278a9a
rgb(39,138,154)
-
#2b98aa
#2b98aa
rgb(43,152,170)
-
#2fa6b9
#2fa6b9
rgb(47,166,185)
-
#33b4c9
#33b4c9
rgb(51,180,201)
-
#41bbcf
#41bbcf
rgb(65,187,207)
-
#51c0d3
#51c0d3
rgb(81,192,211)
-
#60c6d7
#60c6d7
rgb(96,198,215)
-
#70ccdb
#70ccdb
rgb(112,204,219)
-
#7fd1df
#7fd1df
rgb(127,209,223)
-
#8fd7e3
#8fd7e3
rgb(143,215,227)
-
#9fdde7
#9fdde7
rgb(159,221,231)
-
#aee2eb
#aee2eb
rgb(174,226,235)
-
#bee8ef
#bee8ef
rgb(190,232,239)
-
#ceedf2
#ceedf2
rgb(206,237,242)
-
#ddf3f6
#ddf3f6
rgb(221,243,246)
-
#edf9fa
#edf9fa
rgb(237,249,250)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #33b4c9
A tone is produced by adding gray to any pure hue. In this case, #778385 is the less saturated color, while #03d7f9 is the most saturated one.
-
#778385
#778385
rgb(119,131,133)
-
#6d8a8f
#6d8a8f
rgb(109,138,143)
-
#639199
#639199
rgb(99,145,153)
-
#5a98a2
#5a98a2
rgb(90,152,162)
-
#509fac
#509fac
rgb(80,159,172)
-
#46a6b6
#46a6b6
rgb(70,166,182)
-
#3dadbf
#3dadbf
rgb(61,173,191)
-
#33b4c9
#33b4c9
rgb(51,180,201)
-
#29bbd3
#29bbd3
rgb(41,187,211)
-
#20c2dc
#20c2dc
rgb(32,194,220)
-
#16c9e6
#16c9e6
rgb(22,201,230)
-
#0cd0f0
#0cd0f0
rgb(12,208,240)
-
#03d7f9
#03d7f9
rgb(3,215,249)
Color Blindness Simulator
Below, you can see how #33b4c9 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.