#dcf6ff color information
In a RGB color space, hex #dcf6ff is composed of 86.3% red, 96.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 3.5% magenta, 0% yellow and 0% black. It has a hue angle of 195.4 degrees, a saturation of 100% and a lightness of 93.1%. #dcf6ff color hex could be obtained by blending #ffffff with #b9edff. Closest websafe color is: #ccffff.
#dcf6ff color conversion
The hexadecimal color #dcf6ff has RGB values of R:220, G:246, B:255 and CMYK values of C:0.14, M:0.04, Y:0, K:0. Its decimal value is 14481151.
- Hex triplet dcf6ff
#dcf6ff - RGB Decimal 220, 246, 255
rgb(220,246,255) - RGB Percent 86.3, 96.5, 100
rgb(86.3%,96.5%,100%) - CMYK 14, 4, 0, 0
- HSL 195.4°, 100, 93.1
hsl(195,100%,93%) - HSV (or HSB) 195.4°, 13.7, 100
- Web Safe ccffff
#ccffff
- CIE-LAB 95.306, -6.668, -7.188
- XYZ 80.517, 88.346, 107.413
- xyY 0.291, 0.32, 88.346
- CIE-LCH 95.306, 9.805, 227.147
- CIE-LUV 95.306, -14.188, -10.143
- Hunter-Lab 93.992, -11.578, -1.961
- Binary 11011100, 11110110, 11111111
Color Schemes with #dcf6ff
#dcf6ff in action
This text has a font color of #dcf6ff.
<span style="color:#dcf6ff;">Text here</span>
This paragraph has a background color of #dcf6ff.
<p style="background-color:#dcf6ff;">Content here</p>
This element has a border color of #dcf6ff.
<div style="border:1px solid #dcf6ff;">Content here</div>
.text {color:#dcf6ff;}
.background {background-color:#dcf6ff;}
.border {border:1px solid #dcf6ff;}
Shades of #dcf6ff
- #000304 #000304
rgb(0,3,4) - #00202b #00202b
rgb(0,32,43) - #003d53 #003d53
rgb(0,61,83) - #005b7a #005b7a
rgb(0,91,122) - #0078a1 #0078a1
rgb(0,120,161) - #0095c8 #0095c8
rgb(0,149,200) - #00b2f0 #00b2f0
rgb(0,178,240) - #18c4ff #18c4ff
rgb(24,196,255) - #3fceff #3fceff
rgb(63,206,255) - #66d8ff #66d8ff
rgb(102,216,255) - #8ee2ff #8ee2ff
rgb(142,226,255) - #b5ecff #b5ecff
rgb(181,236,255) - #dcf6ff #dcf6ff
rgb(220,246,255)
Color Blindness Simulator
Below, you can see how #dcf6ff 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.
