#6fcaf5 hex color

In a RGB color space, hex #6fcaf5 is composed of 43.5% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 199.3 degrees, a saturation of 87% and a lightness of 69.8%. #6fcaf5 color hex could be obtained by blending #deffff with #0095eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 79
- B 96
RGB color chart
- C 55
- M 18
- Y 0
- K 4
CMYK color chart

● #6fcaf5 color description : Soft blue.

The hexadecimal color #6fcaf5 has RGB values of R:111, G:202, B:245 and CMYK values of C:0.55, M:0.18, Y:0, K:0.04. Its decimal value is 7326453.

Hex triplet	6fcaf5	`#6fcaf5`
RGB Decimal	111, 202, 245	`rgb(111,202,245)`
RGB Percent	43.5, 79.2, 96.1	`rgb(43.5%,79.2%,96.1%)`
CMYK	55, 18, 0, 4
HSL	199.3°, 87, 69.8	`hsl(199.3,87%,69.8%)`
HSV (or HSB)	199.3°, 54.7, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.406, -15.375, -29.481
XYZ	44.153, 52.21, 94.132
xyY	0.232, 0.274, 52.21
CIE-LCH	77.406, 33.25, 242.457
CIE-LUV	77.406, -38.929, -45.179
Hunter-Lab	72.257, -17.374, -26.66
Binary	01101111, 11001010, 11110101

#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#f59a6f
```
#f59a6f rgb(245,154,111)
```

Complementary Color

#6ff5dd
```
#6ff5dd rgb(111,245,221)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#6f87f5
```
#6f87f5 rgb(111,135,245)
```

Analogous Color

#f5dd6f
```
#f5dd6f rgb(245,221,111)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#f56f87
```
#f56f87 rgb(245,111,135)
```

Split Complementary Color

#caf56f
```
#caf56f rgb(202,245,111)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#f56fca
```
#f56fca rgb(245,111,202)
```

Triadic Color

#6ff59a
```
#6ff59a rgb(111,245,154)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#f56fca
```
#f56fca rgb(245,111,202)
```
#f59a6f
```
#f59a6f rgb(245,154,111)
```

Tetradic Color

#27b0f0
```
#27b0f0 rgb(39,176,240)
```
#3fb8f2
```
#3fb8f2 rgb(63,184,242)
```
#57c1f3
```
#57c1f3 rgb(87,193,243)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#87d3f7
```
#87d3f7 rgb(135,211,247)
```
#9fdcf8
```
#9fdcf8 rgb(159,220,248)
```
#b7e4fa
```
#b7e4fa rgb(183,228,250)
```

Monochromatic Color

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

#6fecf5
```
#6fecf5 rgb(111,236,245)
```
#6fe0f5
```
#6fe0f5 rgb(111,224,245)
```
#6fd5f5
```
#6fd5f5 rgb(111,213,245)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#6fbff5
```
#6fbff5 rgb(111,191,245)
```
#6fb4f5
```
#6fb4f5 rgb(111,180,245)
```
#6fa9f5
```
#6fa9f5 rgb(111,169,245)
```

Similar Colors

Text with hexadecimal color #6fcaf5

This text has a font color of #6fcaf5.

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

#6fcaf5 background color

This paragraph has a background color of #6fcaf5.

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

#6fcaf5 border color

This element has a border color of #6fcaf5.

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

CSS codes

.text {color:#6fcaf5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#031c27
```
#031c27 rgb(3,28,39)
```
#04293a
```
#04293a rgb(4,41,58)
```
#05354c
```
#05354c rgb(5,53,76)
```
#07425e
```
#07425e rgb(7,66,94)
```
#084f71
```
#084f71 rgb(8,79,113)
```
#095c83
```
#095c83 rgb(9,92,131)
```
#0a6995
```
#0a6995 rgb(10,105,149)
```
#0c76a8
```
#0c76a8 rgb(12,118,168)
```
#0d83ba
```
#0d83ba rgb(13,131,186)
```
#0e8fcc
```
#0e8fcc rgb(14,143,204)
```
#0f9cdf
```
#0f9cdf rgb(15,156,223)
```

Shade Color Variation

#13a8ef
```
#13a8ef rgb(19,168,239)
```
#26aff0
```
#26aff0 rgb(38,175,240)
```
#38b6f1
```
#38b6f1 rgb(56,182,241)
```
#4abcf2
```
#4abcf2 rgb(74,188,242)
```
#5dc3f4
```
#5dc3f4 rgb(93,195,244)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#81d1f6
```
#81d1f6 rgb(129,209,246)
```
#94d8f8
```
#94d8f8 rgb(148,216,248)
```
#a6def9
```
#a6def9 rgb(166,222,249)
```
#b8e5fa
```
#b8e5fa rgb(184,229,250)
```
#cbecfb
```
#cbecfb rgb(203,236,251)
```
#ddf3fd
```
#ddf3fd rgb(221,243,253)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#b0b3b4
```
#b0b3b4 rgb(176,179,180)
```
#aab5ba
```
#aab5ba rgb(170,181,186)
```
#a4b7c0
```
#a4b7c0 rgb(164,183,192)
```
#9eb9c6
```
#9eb9c6 rgb(158,185,198)
```
#98bbcc
```
#98bbcc rgb(152,187,204)
```
#93bdd1
```
#93bdd1 rgb(147,189,209)
```
#8dbfd7
```
#8dbfd7 rgb(141,191,215)
```
#87c2dd
```
#87c2dd rgb(135,194,221)
```
#81c4e3
```
#81c4e3 rgb(129,196,227)
```
#7bc6e9
```
#7bc6e9 rgb(123,198,233)
```
#75c8ef
```
#75c8ef rgb(117,200,239)
```
#6fcaf5
```
#6fcaf5 rgb(111,202,245)
```
#69ccfb
```
#69ccfb rgb(105,204,251)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a6b8c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c0ed Protanopia 1% of men
#b4bffa Deuteranopia 1% of men
#6bd0df Tritanopia 0.001% of the population

Trichromacy

#9cc4f0 Protanomaly 1% of men, 0.01% of women
#9ac3f8 Deuteranomaly 6% of men, 0.4% of women
#6dcee7 Tritanomaly 0.01% of the population

#6fcaf5 hex color

#6fcaf5 Color Information

#6fcaf5 Color Conversion

Color Schemes with #6fcaf5

Alternatives to #6fcaf5

#6fcaf5 Preview

Shades and Tints of #6fcaf5

Tones of #6fcaf5

Color Blindness Simulator