#def2f3 hex color

In a RGB color space, hex #def2f3 is composed of 87.1% red, 94.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 182.9 degrees, a saturation of 46.7% and a lightness of 91.2%. #def2f3 color hex could be obtained by blending #ffffff with #bde5e7. Closest websafe color is: #ccffff.

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

● #def2f3 color description : Light grayish cyan.

The hexadecimal color #def2f3 has RGB values of R:222, G:242, B:243 and CMYK values of C:0.09, M:0, Y:0, K:0.05. Its decimal value is 14611187.

Hex triplet	def2f3	`#def2f3`
RGB Decimal	222, 242, 243	`rgb(222,242,243)`
RGB Percent	87.1, 94.9, 95.3	`rgb(87.1%,94.9%,95.3%)`
CMYK	9, 0, 0, 5
HSL	182.9°, 46.7, 91.2	`hsl(182.9,46.7%,91.2%)`
HSV (or HSB)	182.9°, 8.6, 95.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.1, -6.349, -2.735
XYZ	78.051, 85.504, 97.181
xyY	0.299, 0.328, 85.504
CIE-LCH	94.1, 6.913, 203.302
CIE-LUV	94.1, -10.854, -3.13
Hunter-Lab	92.468, -11.151, 2.416
Binary	11011110, 11110010, 11110011

#def2f3
```
#def2f3 rgb(222,242,243)
```
#f3dfde
```
#f3dfde rgb(243,223,222)
```

Complementary Color

#def3ea
```
#def3ea rgb(222,243,234)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#dee8f3
```
#dee8f3 rgb(222,232,243)
```

Analogous Color

#f3eade
```
#f3eade rgb(243,234,222)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#f3dee8
```
#f3dee8 rgb(243,222,232)
```

Split Complementary Color

#f2f3de
```
#f2f3de rgb(242,243,222)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#f3def2
```
#f3def2 rgb(243,222,242)
```

Triadic Color

#def3df
```
#def3df rgb(222,243,223)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#f3def2
```
#f3def2 rgb(243,222,242)
```
#f3dfde
```
#f3dfde rgb(243,223,222)
```

Tetradic Color

#a6dcdf
```
#a6dcdf rgb(166,220,223)
```
#b9e3e5
```
#b9e3e5 rgb(185,227,229)
```
#cbebec
```
#cbebec rgb(203,235,236)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#f1f9fa
```
#f1f9fa rgb(241,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#def3ef
```
#def3ef rgb(222,243,239)
```
#def3f1
```
#def3f1 rgb(222,243,241)
```
#def3f2
```
#def3f2 rgb(222,243,242)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#def0f3
```
#def0f3 rgb(222,240,243)
```
#deeff3
```
#deeff3 rgb(222,239,243)
```
#deedf3
```
#deedf3 rgb(222,237,243)
```

Similar Colors

Text with hexadecimal color #def2f3

This text has a font color of #def2f3.

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

#def2f3 background color

This paragraph has a background color of #def2f3.

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

#def2f3 border color

This element has a border color of #def2f3.

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

CSS codes

.text {color:#def2f3;}

.background {background-color:#def2f3;}

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

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, #040a0a is the darkest color, while #fbfdfd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#091819
```
#091819 rgb(9,24,25)
```
#0e2627
```
#0e2627 rgb(14,38,39)
```
#133435
```
#133435 rgb(19,52,53)
```
#194244
```
#194244 rgb(25,66,68)
```
#1e5052
```
#1e5052 rgb(30,80,82)
```
#235e60
```
#235e60 rgb(35,94,96)
```
#286b6f
```
#286b6f rgb(40,107,111)
```
#2e797d
```
#2e797d rgb(46,121,125)
```
#33878c
```
#33878c rgb(51,135,140)
```
#38959a
```
#38959a rgb(56,149,154)
```
#3da3a8
```
#3da3a8 rgb(61,163,168)
```
#42b1b7
```
#42b1b7 rgb(66,177,183)
```

Shade Color Variation

#4eb9bf
```
#4eb9bf rgb(78,185,191)
```
#5dbfc4
```
#5dbfc4 rgb(93,191,196)
```
#6bc5c9
```
#6bc5c9 rgb(107,197,201)
```
#79cace
```
#79cace rgb(121,202,206)
```
#88d0d4
```
#88d0d4 rgb(136,208,212)
```
#96d6d9
```
#96d6d9 rgb(150,214,217)
```
#a4dbde
```
#a4dbde rgb(164,219,222)
```
#b3e1e3
```
#b3e1e3 rgb(179,225,227)
```
#c1e7e9
```
#c1e7e9 rgb(193,231,233)
```
#d0ecee
```
#d0ecee rgb(208,236,238)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#ecf8f8
```
#ecf8f8 rgb(236,248,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#e8e9e9
```
#e8e9e9 rgb(232,233,233)
```
#e7eaea
```
#e7eaea rgb(231,234,234)
```
#e5ecec
```
#e5ecec rgb(229,236,236)
```
#e3edee
```
#e3edee rgb(227,237,238)
```
#e1eff0
```
#e1eff0 rgb(225,239,240)
```
#e0f0f1
```
#e0f0f1 rgb(224,240,241)
```
#def2f3
```
#def2f3 rgb(222,242,243)
```
#dcf4f5
```
#dcf4f5 rgb(220,244,245)
```
#dbf5f6
```
#dbf5f6 rgb(219,245,246)
```
#d9f7f8
```
#d9f7f8 rgb(217,247,248)
```
#d7f8fa
```
#d7f8fa rgb(215,248,250)
```
#d5fafc
```
#d5fafc rgb(213,250,252)
```
#d4fbfd
```
#d4fbfd rgb(212,251,253)
```

Tone Color Variation

Below, you can see how #def2f3 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
#e9eded Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2edf0 Protanopia 1% of men
#ffe9f6 Deuteranopia 1% of men
#e4f0ff Tritanopia 0.001% of the population

Trichromacy

#eaeff1 Protanomaly 1% of men, 0.01% of women
#f3ecf4 Deuteranomaly 6% of men, 0.4% of women
#e2f0fa Tritanomaly 0.01% of the population

#def2f3 hex color

#def2f3 Color Information

#def2f3 Color Conversion

Color Schemes with #def2f3

Alternatives to #def2f3

#def2f3 Preview

Shades and Tints of #def2f3

Tones of #def2f3

Color Blindness Simulator