#33ddef Color Information
In a RGB color space, hex #33ddef is composed of 20% red, 86.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 7.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 185.7 degrees, a saturation of 85.5% and a lightness of 56.9%. #33ddef color hex could be obtained by blending #66ffff with #00bbdf. Closest websafe color is: #33ccff.
-
- R 20
- G 87
- B 94
-
- C 79
- M 8
- Y 0
- K 6
● #33ddef color description : Bright cyan.
#33ddef Color Conversion
The hexadecimal color #33ddef has RGB values of R:51, G:221, B:239 and CMYK values of C:0.79, M:0.08, Y:0, K:0.06. Its decimal value is 3399151.
| Hex triplet | 33ddef | #33ddef |
|---|---|---|
| RGB Decimal | 51, 221, 239 | rgb(51,221,239) |
| RGB Percent | 20, 86.7, 93.7 | rgb(20%,86.7%,93.7%) |
| CMYK | 79, 8, 0, 6 | |
| HSL | 185.7°, 85.5, 56.9 | hsl(185.7,85.5%,56.9%) |
| HSV (or HSB) | 185.7°, 78.7, 93.7 | |
| Web Safe | 33ccff | #33ccff |
| CIE-LAB | 81.096, -35.284, -20.79 |
|---|---|
| XYZ | 42.797, 58.645, 90.721 |
| xyY | 0.223, 0.305, 58.645 |
| CIE-LCH | 81.096, 40.954, 210.507 |
| CIE-LUV | 81.096, -57.5, -27.963 |
| Hunter-Lab | 76.58, -34.259, -16.632 |
| Binary | 00110011, 11011101, 11101111 |
Color Schemes with #33ddef
Alternatives to #33ddef
Below, you can see some colors close to #33ddef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ddef Preview
This text has a font color of #33ddef.
<span style="color:#33ddef;">Text here</span>
This paragraph has a background color of #33ddef.
<p style="background-color:#33ddef;">Content here</p>
This element has a border color of #33ddef.
<div style="border:1px solid #33ddef;">Content here</div>
.text {color:#33ddef;}
.background {background-color:#33ddef;}
.border {border:1px solid #33ddef;}
Shades and Tints of #33ddef
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, #010d0e is the darkest color, while #fbfeff is the lightest one.
-
#010d0e
#010d0ergb(1,13,14) -
#031e20
#031e20rgb(3,30,32) -
#042e33
#042e33rgb(4,46,51) -
#053f45
#053f45rgb(5,63,69) -
#074f57
#074f57rgb(7,79,87) -
#086069
#086069rgb(8,96,105) -
#0a717b
#0a717brgb(10,113,123) -
#0b818e
#0b818ergb(11,129,142) -
#0d92a0
#0d92a0rgb(13,146,160) -
#0ea2b2
#0ea2b2rgb(14,162,178) -
#0fb3c4
#0fb3c4rgb(15,179,196) -
#11c3d6
#11c3d6rgb(17,195,214) -
#12d4e9
#12d4e9rgb(18,212,233)
-
#21daee
#21daeergb(33,218,238) -
#33ddef
#33ddefrgb(51,221,239) -
#45e0f0
#45e0f0rgb(69,224,240) -
#57e3f2
#57e3f2rgb(87,227,242) -
#6ae6f3
#6ae6f3rgb(106,230,243) -
#7ce9f5
#7ce9f5rgb(124,233,245) -
#8eecf6
#8eecf6rgb(142,236,246) -
#a0eff8
#a0eff8rgb(160,239,248) -
#b2f2f9
#b2f2f9rgb(178,242,249) -
#c5f5fa
#c5f5fargb(197,245,250) -
#d7f8fc
#d7f8fcrgb(215,248,252) -
#e9fbfd
#e9fbfdrgb(233,251,253) -
#fbfeff
#fbfeffrgb(251,254,255)
Tones of #33ddef
A tone is produced by adding gray to any pure hue. In this case, #909292 is the less saturated color, while #2be4f7 is the most saturated one.
-
#909292
#909292rgb(144,146,146) -
#88999a
#88999argb(136,153,154) -
#7f9fa3
#7f9fa3rgb(127,159,163) -
#77a6ab
#77a6abrgb(119,166,171) -
#6eadb4
#6eadb4rgb(110,173,180) -
#66b4bc
#66b4bcrgb(102,180,188) -
#5dbbc5
#5dbbc5rgb(93,187,197) -
#55c2cd
#55c2cdrgb(85,194,205) -
#4cc8d6
#4cc8d6rgb(76,200,214) -
#44cfde
#44cfdergb(68,207,222) -
#3bd6e7
#3bd6e7rgb(59,214,231) -
#33ddef
#33ddefrgb(51,221,239) -
#2be4f7
#2be4f7rgb(43,228,247)
Color Blindness Simulator
Below, you can see how #33ddef 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.
