#6cd5fa hex color

In a RGB color space, hex #6cd5fa is composed of 42.4% red, 83.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 14.8% magenta, 0% yellow and 2% black. It has a hue angle of 195.6 degrees, a saturation of 93.4% and a lightness of 70.2%. #6cd5fa color hex could be obtained by blending #d8ffff with #00abf5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 42
- G 84
- B 98
RGB color chart
- C 57
- M 15
- Y 0
- K 2
CMYK color chart

● #6cd5fa color description : Soft blue.

The hexadecimal color #6cd5fa has RGB values of R:108, G:213, B:250 and CMYK values of C:0.57, M:0.15, Y:0, K:0.02. Its decimal value is 7132666.

Hex triplet	6cd5fa	`#6cd5fa`
RGB Decimal	108, 213, 250	`rgb(108,213,250)`
RGB Percent	42.4, 83.5, 98	`rgb(42.4%,83.5%,98%)`
CMYK	57, 15, 0, 2
HSL	195.6°, 93.4, 70.2	`hsl(195.6,93.4%,70.2%)`
HSV (or HSB)	195.6°, 56.8, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.558, -20.168, -27.329
XYZ	47.229, 57.675, 99.081
xyY	0.232, 0.283, 57.675
CIE-LCH	80.558, 33.965, 233.574
CIE-LUV	80.558, -43.627, -41.057
Hunter-Lab	75.944, -21.894, -24.192
Binary	01101100, 11010101, 11111010

#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#fa916c
```
#fa916c rgb(250,145,108)
```

Complementary Color

#6cfad8
```
#6cfad8 rgb(108,250,216)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#6c8efa
```
#6c8efa rgb(108,142,250)
```

Analogous Color

#fad86c
```
#fad86c rgb(250,216,108)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#fa6c8e
```
#fa6c8e rgb(250,108,142)
```

Split Complementary Color

#d5fa6c
```
#d5fa6c rgb(213,250,108)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#fa6cd5
```
#fa6cd5 rgb(250,108,213)
```

Triadic Color

#6cfa91
```
#6cfa91 rgb(108,250,145)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#fa6cd5
```
#fa6cd5 rgb(250,108,213)
```
#fa916c
```
#fa916c rgb(250,145,108)
```

Tetradic Color

#22c0f7
```
#22c0f7 rgb(34,192,247)
```
#3bc7f8
```
#3bc7f8 rgb(59,199,248)
```
#53cef9
```
#53cef9 rgb(83,206,249)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#85dcfb
```
#85dcfb rgb(133,220,251)
```
#9de3fc
```
#9de3fc rgb(157,227,252)
```
#b6eafd
```
#b6eafd rgb(182,234,253)
```

Monochromatic Color

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

#6cf9fa
```
#6cf9fa rgb(108,249,250)
```
#6cedfa
```
#6cedfa rgb(108,237,250)
```
#6ce1fa
```
#6ce1fa rgb(108,225,250)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#6cc9fa
```
#6cc9fa rgb(108,201,250)
```
#6cbdfa
```
#6cbdfa rgb(108,189,250)
```
#6cb2fa
```
#6cb2fa rgb(108,178,250)
```

Similar Colors

Text with hexadecimal color #6cd5fa

This text has a font color of #6cd5fa.

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

#6cd5fa background color

This paragraph has a background color of #6cd5fa.

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

#6cd5fa border color

This element has a border color of #6cd5fa.

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

CSS codes

.text {color:#6cd5fa;}

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

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

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, #000405 is the darkest color, while #f1fbff is the lightest one.

#000405
```
#000405 rgb(0,4,5)
```
#011218
```
#011218 rgb(1,18,24)
```
#01202b
```
#01202b rgb(1,32,43)
```
#022e3e
```
#022e3e rgb(2,46,62)
```
#033c51
```
#033c51 rgb(3,60,81)
```
#034b64
```
#034b64 rgb(3,75,100)
```
#045977
```
#045977 rgb(4,89,119)
```
#05678a
```
#05678a rgb(5,103,138)
```
#05759d
```
#05759d rgb(5,117,157)
```
#0683af
```
#0683af rgb(6,131,175)
```
#0792c2
```
#0792c2 rgb(7,146,194)
```
#07a0d5
```
#07a0d5 rgb(7,160,213)
```
#08aee8
```
#08aee8 rgb(8,174,232)
```

Shade Color Variation

#0dbaf7
```
#0dbaf7 rgb(13,186,247)
```
#20bff7
```
#20bff7 rgb(32,191,247)
```
#33c5f8
```
#33c5f8 rgb(51,197,248)
```
#46caf9
```
#46caf9 rgb(70,202,249)
```
#59d0f9
```
#59d0f9 rgb(89,208,249)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```
#7fdafb
```
#7fdafb rgb(127,218,251)
```
#92e0fb
```
#92e0fb rgb(146,224,251)
```
#a5e5fc
```
#a5e5fc rgb(165,229,252)
```
#b8ebfd
```
#b8ebfd rgb(184,235,253)
```
#cbf0fd
```
#cbf0fd rgb(203,240,253)
```
#def6fe
```
#def6fe rgb(222,246,254)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#b2b3b4
```
#b2b3b4 rgb(178,179,180)
```
#acb6ba
```
#acb6ba rgb(172,182,186)
```
#a6b9c0
```
#a6b9c0 rgb(166,185,192)
```
#a1bcc5
```
#a1bcc5 rgb(161,188,197)
```
#9bbfcb
```
#9bbfcb rgb(155,191,203)
```
#95c1d1
```
#95c1d1 rgb(149,193,209)
```
#8fc4d7
```
#8fc4d7 rgb(143,196,215)
```
#89c7dd
```
#89c7dd rgb(137,199,221)
```
#83cae3
```
#83cae3 rgb(131,202,227)
```
#7ecde8
```
#7ecde8 rgb(126,205,232)
```
#78cfee
```
#78cfee rgb(120,207,238)
```
#72d2f4
```
#72d2f4 rgb(114,210,244)
```
#6cd5fa
```
#6cd5fa rgb(108,213,250)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aabfc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f1 Protanopia 1% of men
#bfc7ff Deuteranopia 1% of men
#6bdaea Tritanopia 0.001% of the population

Trichromacy

#a2cdf4 Protanomaly 1% of men, 0.01% of women
#a1ccfd Deuteranomaly 6% of men, 0.4% of women
#6bd8ef Tritanomaly 0.01% of the population

#6cd5fa hex color

#6cd5fa Color Information

#6cd5fa Color Conversion

Color Schemes with #6cd5fa

Alternatives to #6cd5fa

#6cd5fa Preview

Shades and Tints of #6cd5fa

Tones of #6cd5fa

Color Blindness Simulator