#dcfbff hex color

In a RGB color space, hex #dcfbff is composed of 86.3% red, 98.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 1.6% magenta, 0% yellow and 0% black. It has a hue angle of 186.9 degrees, a saturation of 100% and a lightness of 93.1%. #dcfbff color hex could be obtained by blending #ffffff with #b9f7ff. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 86
- G 98
- B 100
RGB color chart
- C 14
- M 2
- Y 0
- K 0
CMYK color chart

● #dcfbff color description : Very pale cyan.

The hexadecimal color #dcfbff has RGB values of R:220, G:251, B:255 and CMYK values of C:0.14, M:0.02, Y:0, K:0. Its decimal value is 14482431.

Hex triplet	dcfbff	`#dcfbff`
RGB Decimal	220, 251, 255	`rgb(220,251,255)`
RGB Percent	86.3, 98.4, 100	`rgb(86.3%,98.4%,100%)`
CMYK	14, 2, 0, 0
HSL	186.9°, 100, 93.1	`hsl(186.9,100%,93.1%)`
HSV (or HSB)	186.9°, 13.7, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	96.586, -9.185, -5.298
XYZ	82.058, 91.429, 107.926
xyY	0.292, 0.325, 91.429
CIE-LCH	96.586, 10.604, 209.978
CIE-LUV	96.586, -16.518, -6.713
Hunter-Lab	95.618, -14.145, 0.011
Binary	11011100, 11111011, 11111111

#dcfbff
```
#dcfbff rgb(220,251,255)
```
#ffe0dc
```
#ffe0dc rgb(255,224,220)
```

Complementary Color

#dcfff2
```
#dcfff2 rgb(220,255,242)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#dceaff
```
#dceaff rgb(220,234,255)
```

Analogous Color

#fff2dc
```
#fff2dc rgb(255,242,220)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#ffdcea
```
#ffdcea rgb(255,220,234)
```

Split Complementary Color

#fbffdc
```
#fbffdc rgb(251,255,220)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#ffdcfb
```
#ffdcfb rgb(255,220,251)
```

Triadic Color

#dcffe0
```
#dcffe0 rgb(220,255,224)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#ffdcfb
```
#ffdcfb rgb(255,220,251)
```
#ffe0dc
```
#ffe0dc rgb(255,224,220)
```

Tetradic Color

#90f2ff
```
#90f2ff rgb(144,242,255)
```
#a9f5ff
```
#a9f5ff rgb(169,245,255)
```
#c3f8ff
```
#c3f8ff rgb(195,248,255)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #dcfbff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#dcfffa
```
#dcfffa rgb(220,255,250)
```
#dcfffd
```
#dcfffd rgb(220,255,253)
```
#dcfeff
```
#dcfeff rgb(220,254,255)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#dcf8ff
```
#dcf8ff rgb(220,248,255)
```
#dcf5ff
```
#dcf5ff rgb(220,245,255)
```
#dcf2ff
```
#dcf2ff rgb(220,242,255)
```

Similar Colors

Text with hexadecimal color #dcfbff

This text has a font color of #dcfbff.

<span style="color:#dcfbff;">Text here</span>

#dcfbff background color

This paragraph has a background color of #dcfbff.

<p style="background-color:#dcfbff;">Content here</p>

#dcfbff border color

This element has a border color of #dcfbff.

<div style="border:1px solid #dcfbff;">Content here</div>

CSS codes

.text {color:#dcfbff;}

.background {background-color:#dcfbff;}

.border {border:1px solid #dcfbff;}

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, #000404 is the darkest color, while #f0fdff is the lightest one.

#000404
```
#000404 rgb(0,4,4)
```
#001518
```
#001518 rgb(0,21,24)
```
#00262b
```
#00262b rgb(0,38,43)
```
#00383f
```
#00383f rgb(0,56,63)
```
#004953
```
#004953 rgb(0,73,83)
```
#005b66
```
#005b66 rgb(0,91,102)
```
#006c7a
```
#006c7a rgb(0,108,122)
```
#007d8e
```
#007d8e rgb(0,125,142)
```
#008fa1
```
#008fa1 rgb(0,143,161)
```
#00a0b5
```
#00a0b5 rgb(0,160,181)
```
#00b1c8
```
#00b1c8 rgb(0,177,200)
```
#00c3dc
```
#00c3dc rgb(0,195,220)
```
#00d4f0
```
#00d4f0 rgb(0,212,240)
```

Shade Color Variation

#04e2ff
```
#04e2ff rgb(4,226,255)
```
#18e5ff
```
#18e5ff rgb(24,229,255)
```
#2be7ff
```
#2be7ff rgb(43,231,255)
```
#3fe9ff
```
#3fe9ff rgb(63,233,255)
```
#53ebff
```
#53ebff rgb(83,235,255)
```
#66eeff
```
#66eeff rgb(102,238,255)
```
#7af0ff
```
#7af0ff rgb(122,240,255)
```
#8ef2ff
```
#8ef2ff rgb(142,242,255)
```
#a1f4ff
```
#a1f4ff rgb(161,244,255)
```
#b5f7ff
```
#b5f7ff rgb(181,247,255)
```
#c8f9ff
```
#c8f9ff rgb(200,249,255)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#f0fdff
```
#f0fdff rgb(240,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #ecefef is the less saturated color, while #dcfbff is the most saturated one.

#ecefef
```
#ecefef rgb(236,239,239)
```
#ebf0f0
```
#ebf0f0 rgb(235,240,240)
```
#e9f1f2
```
#e9f1f2 rgb(233,241,242)
```
#e8f2f3
```
#e8f2f3 rgb(232,242,243)
```
#e7f3f4
```
#e7f3f4 rgb(231,243,244)
```
#e5f4f6
```
#e5f4f6 rgb(229,244,246)
```
#e4f5f7
```
#e4f5f7 rgb(228,245,247)
```
#e3f6f8
```
#e3f6f8 rgb(227,246,248)
```
#e1f7fa
```
#e1f7fa rgb(225,247,250)
```
#e0f8fb
```
#e0f8fb rgb(224,248,251)
```
#dff9fc
```
#dff9fc rgb(223,249,252)
```
#ddfafe
```
#ddfafe rgb(221,250,254)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```

Tone Color Variation

Below, you can see how #dcfbff 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.

Monochromacy

#f2f2f2 Achromatopsia 0.005% of the population
#eef4f5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7f4fb Protanopia 1% of men
#fff1fd Deuteranopia 1% of men
#edf7ff Tritanopia 0.001% of the population

Trichromacy

#edf6fc Protanomaly 1% of men, 0.01% of women
#f2f5fd Deuteranomaly 6% of men, 0.4% of women
#e6f8ff Tritanomaly 0.01% of the population

#dcfbff hex color

#dcfbff Color Information

#dcfbff Color Conversion

Color Schemes with #dcfbff

Alternatives to #dcfbff

#dcfbff Preview

Shades and Tints of #dcfbff

Tones of #dcfbff

Color Blindness Simulator