#6fdef2 hex color

In a RGB color space, hex #6fdef2 is composed of 43.5% red, 87.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 8.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.2 degrees, a saturation of 83.4% and a lightness of 69.2%. #6fdef2 color hex could be obtained by blending #deffff with #00bde5. Closest websafe color is: #66ccff.

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

● #6fdef2 color description : Soft cyan.

The hexadecimal color #6fdef2 has RGB values of R:111, G:222, B:242 and CMYK values of C:0.54, M:0.08, Y:0, K:0.05. Its decimal value is 7331570.

Hex triplet	6fdef2	`#6fdef2`
RGB Decimal	111, 222, 242	`rgb(111,222,242)`
RGB Percent	43.5, 87.1, 94.9	`rgb(43.5%,87.1%,94.9%)`
CMYK	54, 8, 0, 5
HSL	189.2°, 83.4, 69.2	`hsl(189.2,83.4%,69.2%)`
HSV (or HSB)	189.2°, 54.1, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.929, -26.321, -19.468
XYZ	48.699, 62.029, 93.406
xyY	0.239, 0.304, 62.029
CIE-LCH	82.929, 32.739, 216.488
CIE-LUV	82.929, -46.529, -26.999
Hunter-Lab	78.759, -27.455, -15.185
Binary	01101111, 11011110, 11110010

#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#f2836f
```
#f2836f rgb(242,131,111)
```

Complementary Color

#6ff2c5
```
#6ff2c5 rgb(111,242,197)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#6f9df2
```
#6f9df2 rgb(111,157,242)
```

Analogous Color

#f2c56f
```
#f2c56f rgb(242,197,111)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#f26f9d
```
#f26f9d rgb(242,111,157)
```

Split Complementary Color

#def26f
```
#def26f rgb(222,242,111)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#f26fde
```
#f26fde rgb(242,111,222)
```

Triadic Color

#6ff283
```
#6ff283 rgb(111,242,131)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#f26fde
```
#f26fde rgb(242,111,222)
```
#f2836f
```
#f2836f rgb(242,131,111)
```

Tetradic Color

#29ceec
```
#29ceec rgb(41,206,236)
```
#40d3ee
```
#40d3ee rgb(64,211,238)
```
#58d9f0
```
#58d9f0 rgb(88,217,240)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#86e3f4
```
#86e3f4 rgb(134,227,244)
```
#9ee9f6
```
#9ee9f6 rgb(158,233,246)
```
#b5eef8
```
#b5eef8 rgb(181,238,248)
```

Monochromatic Color

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

#6ff2e5
```
#6ff2e5 rgb(111,242,229)
```
#6ff2f0
```
#6ff2f0 rgb(111,242,240)
```
#6fe9f2
```
#6fe9f2 rgb(111,233,242)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#6fd3f2
```
#6fd3f2 rgb(111,211,242)
```
#6fc8f2
```
#6fc8f2 rgb(111,200,242)
```
#6fbdf2
```
#6fbdf2 rgb(111,189,242)
```

Similar Colors

Text with hexadecimal color #6fdef2

This text has a font color of #6fdef2.

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

#6fdef2 background color

This paragraph has a background color of #6fdef2.

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

#6fdef2 border color

This element has a border color of #6fdef2.

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

CSS codes

.text {color:#6fdef2;}

.background {background-color:#6fdef2;}

.border {border:1px solid #6fdef2;}

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, #020f12 is the darkest color, while #ffffff is the lightest one.

#020f12
```
#020f12 rgb(2,15,18)
```
#031f24
```
#031f24 rgb(3,31,36)
```
#052e36
```
#052e36 rgb(5,46,54)
```
#063e48
```
#063e48 rgb(6,62,72)
```
#084d5a
```
#084d5a rgb(8,77,90)
```
#0a5d6c
```
#0a5d6c rgb(10,93,108)
```
#0b6c7e
```
#0b6c7e rgb(11,108,126)
```
#0d7c90
```
#0d7c90 rgb(13,124,144)
```
#0f8ba2
```
#0f8ba2 rgb(15,139,162)
```
#109bb4
```
#109bb4 rgb(16,155,180)
```
#12aac6
```
#12aac6 rgb(18,170,198)
```
#13bad8
```
#13bad8 rgb(19,186,216)
```
#15c9ea
```
#15c9ea rgb(21,201,234)
```

Shade Color Variation

#27ceec
```
#27ceec rgb(39,206,236)
```
#39d2ed
```
#39d2ed rgb(57,210,237)
```
#4bd6ef
```
#4bd6ef rgb(75,214,239)
```
#5ddaf0
```
#5ddaf0 rgb(93,218,240)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#81e2f4
```
#81e2f4 rgb(129,226,244)
```
#93e6f5
```
#93e6f5 rgb(147,230,245)
```
#a5eaf7
```
#a5eaf7 rgb(165,234,247)
```
#b7eef8
```
#b7eef8 rgb(183,238,248)
```
#c9f3fa
```
#c9f3fa rgb(201,243,250)
```
#dbf7fc
```
#dbf7fc rgb(219,247,252)
```
#edfbfd
```
#edfbfd rgb(237,251,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abb4b6
```
#abb4b6 rgb(171,180,182)
```
#a5b8bc
```
#a5b8bc rgb(165,184,188)
```
#9fbcc2
```
#9fbcc2 rgb(159,188,194)
```
#99c1c8
```
#99c1c8 rgb(153,193,200)
```
#93c5ce
```
#93c5ce rgb(147,197,206)
```
#8dc9d4
```
#8dc9d4 rgb(141,201,212)
```
#87cdda
```
#87cdda rgb(135,205,218)
```
#81d1e0
```
#81d1e0 rgb(129,209,224)
```
#7bd6e6
```
#7bd6e6 rgb(123,214,230)
```
#75daec
```
#75daec rgb(117,218,236)
```
#6fdef2
```
#6fdef2 rgb(111,222,242)
```
#69e2f8
```
#69e2f8 rgb(105,226,248)
```
#63e6fe
```
#63e6fe rgb(99,230,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#afc5c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccfe9 Protanopia 1% of men
#ceccf9 Deuteranopia 1% of men
#75e0f0 Tritanopia 0.001% of the population

Trichromacy

#aad4ec Protanomaly 1% of men, 0.01% of women
#acd3f6 Deuteranomaly 6% of men, 0.4% of women
#73dff1 Tritanomaly 0.01% of the population

#6fdef2 hex color

#6fdef2 Color Information

#6fdef2 Color Conversion

Color Schemes with #6fdef2

Alternatives to #6fdef2

#6fdef2 Preview

Shades and Tints of #6fdef2

Tones of #6fdef2

Color Blindness Simulator