#dcf4f0 hex color

In a RGB color space, hex #dcf4f0 is composed of 86.3% red, 95.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 1.6% yellow and 4.3% black. It has a hue angle of 170 degrees, a saturation of 52.2% and a lightness of 91%. #dcf4f0 color hex could be obtained by blending #ffffff with #b9e9e1. Closest websafe color is: #ccffff.

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

● #dcf4f0 color description : Light grayish cyan.

The hexadecimal color #dcf4f0 has RGB values of R:220, G:244, B:240 and CMYK values of C:0.1, M:0, Y:0.02, K:0.04. Its decimal value is 14480624.

Hex triplet	dcf4f0	`#dcf4f0`
RGB Decimal	220, 244, 240	`rgb(220,244,240)`
RGB Percent	86.3, 95.7, 94.1	`rgb(86.3%,95.7%,94.1%)`
CMYK	10, 0, 2, 4
HSL	170°, 52.2, 91	`hsl(170,52.2%,91%)`
HSV (or HSB)	170°, 9.8, 95.7
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.401, -8.568, -0.754
XYZ	77.591, 86.207, 94.985
xyY	0.3, 0.333, 86.207
CIE-LCH	94.401, 8.601, 185.03
CIE-LUV	94.401, -12.743, 0.342
Hunter-Lab	92.848, -13.316, 4.339
Binary	11011100, 11110100, 11110000

#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#f4dce0
```
#f4dce0 rgb(244,220,224)
```

Complementary Color

#dcf4e4
```
#dcf4e4 rgb(220,244,228)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#dcecf4
```
#dcecf4 rgb(220,236,244)
```

Analogous Color

#f4e4dc
```
#f4e4dc rgb(244,228,220)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#f4dcec
```
#f4dcec rgb(244,220,236)
```

Split Complementary Color

#f4f0dc
```
#f4f0dc rgb(244,240,220)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#f0dcf4
```
#f0dcf4 rgb(240,220,244)
```

Triadic Color

#e0f4dc
```
#e0f4dc rgb(224,244,220)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#f0dcf4
```
#f0dcf4 rgb(240,220,244)
```
#f4dce0
```
#f4dce0 rgb(244,220,224)
```

Tetradic Color

#a2e2d7
```
#a2e2d7 rgb(162,226,215)
```
#b5e8df
```
#b5e8df rgb(181,232,223)
```
#c9eee8
```
#c9eee8 rgb(201,238,232)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#effaf8
```
#effaf8 rgb(239,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dcf4ea
```
#dcf4ea rgb(220,244,234)
```
#dcf4ec
```
#dcf4ec rgb(220,244,236)
```
#dcf4ee
```
#dcf4ee rgb(220,244,238)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#dcf4f2
```
#dcf4f2 rgb(220,244,242)
```
#dcf4f4
```
#dcf4f4 rgb(220,244,244)
```
#dcf2f4
```
#dcf2f4 rgb(220,242,244)
```

Similar Colors

Text with hexadecimal color #dcf4f0

This text has a font color of #dcf4f0.

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

#dcf4f0 background color

This paragraph has a background color of #dcf4f0.

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

#dcf4f0 border color

This element has a border color of #dcf4f0.

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

CSS codes

.text {color:#dcf4f0;}

.background {background-color:#dcf4f0;}

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

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

#030a09
```
#030a09 rgb(3,10,9)
```
#081916
```
#081916 rgb(8,25,22)
```
#0c2823
```
#0c2823 rgb(12,40,35)
```
#113730
```
#113730 rgb(17,55,48)
```
#16453e
```
#16453e rgb(22,69,62)
```
#1b544b
```
#1b544b rgb(27,84,75)
```
#1f6358
```
#1f6358 rgb(31,99,88)
```
#247265
```
#247265 rgb(36,114,101)
```
#298172
```
#298172 rgb(41,129,114)
```
#2d9080
```
#2d9080 rgb(45,144,128)
```
#329f8d
```
#329f8d rgb(50,159,141)
```
#37ae9a
```
#37ae9a rgb(55,174,154)
```
#3bbda7
```
#3bbda7 rgb(59,189,167)
```

Shade Color Variation

#47c5b0
```
#47c5b0 rgb(71,197,176)
```
#56cab6
```
#56cab6 rgb(86,202,182)
```
#65cebd
```
#65cebd rgb(101,206,189)
```
#74d3c3
```
#74d3c3 rgb(116,211,195)
```
#82d8ca
```
#82d8ca rgb(130,216,202)
```
#91ddd0
```
#91ddd0 rgb(145,221,208)
```
#a0e1d6
```
#a0e1d6 rgb(160,225,214)
```
#afe6dd
```
#afe6dd rgb(175,230,221)
```
#beebe3
```
#beebe3 rgb(190,235,227)
```
#cdefea
```
#cdefea rgb(205,239,234)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#ebf9f6
```
#ebf9f6 rgb(235,249,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#e7e9e9
```
#e7e9e9 rgb(231,233,233)
```
#e5ebea
```
#e5ebea rgb(229,235,234)
```
#e3edeb
```
#e3edeb rgb(227,237,235)
```
#e1efec
```
#e1efec rgb(225,239,236)
```
#e0f0ee
```
#e0f0ee rgb(224,240,238)
```
#def2ef
```
#def2ef rgb(222,242,239)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#daf6f1
```
#daf6f1 rgb(218,246,241)
```
#d8f8f2
```
#d8f8f2 rgb(216,248,242)
```
#d7f9f4
```
#d7f9f4 rgb(215,249,244)
```
#d5fbf5
```
#d5fbf5 rgb(213,251,245)
```
#d3fdf6
```
#d3fdf6 rgb(211,253,246)
```
#d1fff7
```
#d1fff7 rgb(209,255,247)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#e9eeed Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4eeed Protanopia 1% of men
#ffeaf3 Deuteranopia 1% of men
#e4f1ff Tritanopia 0.001% of the population

Trichromacy

#ebf0ee Protanomaly 1% of men, 0.01% of women
#f2edf2 Deuteranomaly 6% of men, 0.4% of women
#e1f2f9 Tritanomaly 0.01% of the population

#dcf4f0 hex color

#dcf4f0 Color Information

#dcf4f0 Color Conversion

Color Schemes with #dcf4f0

Alternatives to #dcf4f0

#dcf4f0 Preview

Shades and Tints of #dcf4f0

Tones of #dcf4f0

Color Blindness Simulator