#dcf4f6 hex color

In a RGB color space, hex #dcf4f6 is composed of 86.3% red, 95.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 184.6 degrees, a saturation of 59.1% and a lightness of 91.4%. #dcf4f6 color hex could be obtained by blending #ffffff with #b9e9ed. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 86
- G 96
- B 96
RGB color chart
- C 11
- M 1
- Y 0
- K 4
CMYK color chart

● #dcf4f6 color description : Light grayish cyan.

The hexadecimal color #dcf4f6 has RGB values of R:220, G:244, B:246 and CMYK values of C:0.11, M:0.01, Y:0, K:0.04. Its decimal value is 14480630.

Hex triplet	dcf4f6	`#dcf4f6`
RGB Decimal	220, 244, 246	`rgb(220,244,246)`
RGB Percent	86.3, 95.7, 96.5	`rgb(86.3%,95.7%,96.5%)`
CMYK	11, 1, 0, 4
HSL	184.6°, 59.1, 91.4	`hsl(184.6,59.1%,91.4%)`
HSV (or HSB)	184.6°, 10.6, 96.5
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.555, -7.422, -3.636
XYZ	78.497, 86.57, 99.758
xyY	0.296, 0.327, 86.57
CIE-LCH	94.555, 8.265, 206.102
CIE-LUV	94.555, -12.946, -4.365
Hunter-Lab	93.043, -12.231, 1.561
Binary	11011100, 11110100, 11110110

#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#f6dedc
```
#f6dedc rgb(246,222,220)
```

Complementary Color

#dcf6eb
```
#dcf6eb rgb(220,246,235)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#dce7f6
```
#dce7f6 rgb(220,231,246)
```

Analogous Color

#f6ebdc
```
#f6ebdc rgb(246,235,220)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#f6dce7
```
#f6dce7 rgb(246,220,231)
```

Split Complementary Color

#f4f6dc
```
#f4f6dc rgb(244,246,220)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#f6dcf4
```
#f6dcf4 rgb(246,220,244)
```

Triadic Color

#dcf6de
```
#dcf6de rgb(220,246,222)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#f6dcf4
```
#f6dcf4 rgb(246,220,244)
```
#f6dedc
```
#f6dedc rgb(246,222,220)
```

Tetradic Color

#9fe1e6
```
#9fe1e6 rgb(159,225,230)
```
#b3e7ec
```
#b3e7ec rgb(179,231,236)
```
#c8eef1
```
#c8eef1 rgb(200,238,241)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#f0fafb
```
#f0fafb rgb(240,250,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dcf6f2
```
#dcf6f2 rgb(220,246,242)
```
#dcf6f4
```
#dcf6f4 rgb(220,246,244)
```
#dcf6f6
```
#dcf6f6 rgb(220,246,246)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#dcf2f6
```
#dcf2f6 rgb(220,242,246)
```
#dcf0f6
```
#dcf0f6 rgb(220,240,246)
```
#dceef6
```
#dceef6 rgb(220,238,246)
```

Similar Colors

Text with hexadecimal color #dcf4f6

This text has a font color of #dcf4f6.

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

#dcf4f6 background color

This paragraph has a background color of #dcf4f6.

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

#dcf4f6 border color

This element has a border color of #dcf4f6.

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

CSS codes

.text {color:#dcf4f6;}

.background {background-color:#dcf4f6;}

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

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, #030b0c is the darkest color, while #fbfefe is the lightest one.

#030b0c
```
#030b0c rgb(3,11,12)
```
#071a1b
```
#071a1b rgb(7,26,27)
```
#0b292b
```
#0b292b rgb(11,41,43)
```
#0f373b
```
#0f373b rgb(15,55,59)
```
#13464a
```
#13464a rgb(19,70,74)
```
#17555a
```
#17555a rgb(23,85,90)
```
#1b6369
```
#1b6369 rgb(27,99,105)
```
#1f7279
```
#1f7279 rgb(31,114,121)
```
#238189
```
#238189 rgb(35,129,137)
```
#279098
```
#279098 rgb(39,144,152)
```
#2b9ea8
```
#2b9ea8 rgb(43,158,168)
```
#2fadb7
```
#2fadb7 rgb(47,173,183)
```
#33bcc7
```
#33bcc7 rgb(51,188,199)
```

Shade Color Variation

#40c3ce
```
#40c3ce rgb(64,195,206)
```
#50c8d2
```
#50c8d2 rgb(80,200,210)
```
#5fcdd6
```
#5fcdd6 rgb(95,205,214)
```
#6fd2da
```
#6fd2da rgb(111,210,218)
```
#7ed7de
```
#7ed7de rgb(126,215,222)
```
#8edbe2
```
#8edbe2 rgb(142,219,226)
```
#9ee0e6
```
#9ee0e6 rgb(158,224,230)
```
#ade5ea
```
#ade5ea rgb(173,229,234)
```
#bdeaee
```
#bdeaee rgb(189,234,238)
```
#cceff2
```
#cceff2 rgb(204,239,242)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#ecf9fa
```
#ecf9fa rgb(236,249,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#e8eaea
```
#e8eaea rgb(232,234,234)
```
#e6ebec
```
#e6ebec rgb(230,235,236)
```
#e4edee
```
#e4edee rgb(228,237,238)
```
#e3eeef
```
#e3eeef rgb(227,238,239)
```
#e1f0f1
```
#e1f0f1 rgb(225,240,241)
```
#dff1f3
```
#dff1f3 rgb(223,241,243)
```
#def3f4
```
#def3f4 rgb(222,243,244)
```
#dcf4f6
```
#dcf4f6 rgb(220,244,246)
```
#daf5f8
```
#daf5f8 rgb(218,245,248)
```
#d9f7f9
```
#d9f7f9 rgb(217,247,249)
```
#d7f8fb
```
#d7f8fb rgb(215,248,251)
```
#d5fafd
```
#d5fafd rgb(213,250,253)
```
#d4fbfe
```
#d4fbfe rgb(212,251,254)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#eaeeef Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3eef3 Protanopia 1% of men
#ffeaf8 Deuteranopia 1% of men
#e4f1ff Tritanopia 0.001% of the population

Trichromacy

#eaf0f4 Protanomaly 1% of men, 0.01% of women
#f2edf7 Deuteranomaly 6% of men, 0.4% of women
#e1f2fb Tritanomaly 0.01% of the population

#dcf4f6 hex color

#dcf4f6 Color Information

#dcf4f6 Color Conversion

Color Schemes with #dcf4f6

Alternatives to #dcf4f6

#dcf4f6 Preview

Shades and Tints of #dcf4f6

Tones of #dcf4f6

Color Blindness Simulator