#cdf2f3 hex color

In a RGB color space, hex #cdf2f3 is composed of 80.4% red, 94.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 0.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 181.6 degrees, a saturation of 61.3% and a lightness of 87.8%. #cdf2f3 color hex could be obtained by blending #ffffff with #9be5e7. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 80
- G 95
- B 95
RGB color chart
- C 16
- M 0
- Y 0
- K 5
CMYK color chart

● #cdf2f3 color description : Light grayish cyan.

The hexadecimal color #cdf2f3 has RGB values of R:205, G:242, B:243 and CMYK values of C:0.16, M:0, Y:0, K:0.05. Its decimal value is 13497075.

Hex triplet	cdf2f3	`#cdf2f3`
RGB Decimal	205, 242, 243	`rgb(205,242,243)`
RGB Percent	80.4, 94.9, 95.3	`rgb(80.4%,94.9%,95.3%)`
CMYK	16, 0, 0, 5
HSL	181.6°, 61.3, 87.8	`hsl(181.6,61.3%,87.8%)`
HSV (or HSB)	181.6°, 15.6, 95.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.994, -11.692, -4.488
XYZ	73.103, 82.953, 96.949
xyY	0.289, 0.328, 82.953
CIE-LCH	92.994, 12.524, 201.001
CIE-LUV	92.994, -19.366, -4.978
Hunter-Lab	91.078, -16.116, 0.643
Binary	11001101, 11110010, 11110011

#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#f3cecd
```
#f3cecd rgb(243,206,205)
```

Complementary Color

#cdf3e1
```
#cdf3e1 rgb(205,243,225)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#cddff3
```
#cddff3 rgb(205,223,243)
```

Analogous Color

#f3e1cd
```
#f3e1cd rgb(243,225,205)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#f3cddf
```
#f3cddf rgb(243,205,223)
```

Split Complementary Color

#f2f3cd
```
#f2f3cd rgb(242,243,205)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#f3cdf2
```
#f3cdf2 rgb(243,205,242)
```

Triadic Color

#cdf3ce
```
#cdf3ce rgb(205,243,206)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#f3cdf2
```
#f3cdf2 rgb(243,205,242)
```
#f3cecd
```
#f3cecd rgb(243,206,205)
```

Tetradic Color

#8fe2e4
```
#8fe2e4 rgb(143,226,228)
```
#a4e7e9
```
#a4e7e9 rgb(164,231,233)
```
#b8edee
```
#b8edee rgb(184,237,238)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#e2f7f8
```
#e2f7f8 rgb(226,247,248)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cdf3eb
```
#cdf3eb rgb(205,243,235)
```
#cdf3ee
```
#cdf3ee rgb(205,243,238)
```
#cdf3f1
```
#cdf3f1 rgb(205,243,241)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#cdeff3
```
#cdeff3 rgb(205,239,243)
```
#cdecf3
```
#cdecf3 rgb(205,236,243)
```
#cde9f3
```
#cde9f3 rgb(205,233,243)
```

Similar Colors

Text with hexadecimal color #cdf2f3

This text has a font color of #cdf2f3.

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

#cdf2f3 background color

This paragraph has a background color of #cdf2f3.

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

#cdf2f3 border color

This element has a border color of #cdf2f3.

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

CSS codes

.text {color:#cdf2f3;}

.background {background-color:#cdf2f3;}

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

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

#030d0d
```
#030d0d rgb(3,13,13)
```
#071d1d
```
#071d1d rgb(7,29,29)
```
#0b2c2d
```
#0b2c2d rgb(11,44,45)
```
#0f3c3d
```
#0f3c3d rgb(15,60,61)
```
#124b4d
```
#124b4d rgb(18,75,77)
```
#165b5c
```
#165b5c rgb(22,91,92)
```
#1a6a6c
```
#1a6a6c rgb(26,106,108)
```
#1e7a7c
```
#1e7a7c rgb(30,122,124)
```
#22898c
```
#22898c rgb(34,137,140)
```
#25999c
```
#25999c rgb(37,153,156)
```
#29a8ab
```
#29a8ab rgb(41,168,171)
```
#2db8bb
```
#2db8bb rgb(45,184,187)
```
#31c7cb
```
#31c7cb rgb(49,199,203)
```

Shade Color Variation

#3fcdd1
```
#3fcdd1 rgb(63,205,209)
```
#4ed1d5
```
#4ed1d5 rgb(78,209,213)
```
#5ed5d8
```
#5ed5d8 rgb(94,213,216)
```
#6ed9dc
```
#6ed9dc rgb(110,217,220)
```
#7edde0
```
#7edde0 rgb(126,221,224)
```
#8ee2e4
```
#8ee2e4 rgb(142,226,228)
```
#9ee6e8
```
#9ee6e8 rgb(158,230,232)
```
#adeaeb
```
#adeaeb rgb(173,234,235)
```
#bdeeef
```
#bdeeef rgb(189,238,239)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#ddf6f7
```
#ddf6f7 rgb(221,246,247)
```
#edfafb
```
#edfafb rgb(237,250,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#dee2e2
```
#dee2e2 rgb(222,226,226)
```
#dbe4e5
```
#dbe4e5 rgb(219,228,229)
```
#d9e7e7
```
#d9e7e7 rgb(217,231,231)
```
#d7e9e9
```
#d7e9e9 rgb(215,233,233)
```
#d4ebec
```
#d4ebec rgb(212,235,236)
```
#d2edee
```
#d2edee rgb(210,237,238)
```
#cff0f1
```
#cff0f1 rgb(207,240,241)
```
#cdf2f3
```
#cdf2f3 rgb(205,242,243)
```
#cbf4f5
```
#cbf4f5 rgb(203,244,245)
```
#c8f7f8
```
#c8f7f8 rgb(200,247,248)
```
#c6f9fa
```
#c6f9fa rgb(198,249,250)
```
#c3fbfd
```
#c3fbfd rgb(195,251,253)
```
#c1fdff
```
#c1fdff rgb(193,253,255)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e2e9e9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeeaef Protanopia 1% of men
#fce5f8 Deuteranopia 1% of men
#d6efff Tritanopia 0.001% of the population

Trichromacy

#e2edf0 Protanomaly 1% of men, 0.01% of women
#eaeaf6 Deuteranomaly 6% of men, 0.4% of women
#d2f0fa Tritanomaly 0.01% of the population

#cdf2f3 hex color

#cdf2f3 Color Information

#cdf2f3 Color Conversion

Color Schemes with #cdf2f3

Alternatives to #cdf2f3

#cdf2f3 Preview

Shades and Tints of #cdf2f3

Tones of #cdf2f3

Color Blindness Simulator