#6bafca hex color

In a RGB color space, hex #6bafca is composed of 42% red, 68.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 13.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 197.1 degrees, a saturation of 47.3% and a lightness of 60.6%. #6bafca color hex could be obtained by blending #d6ffff with #005f95. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 69
- B 79
RGB color chart
- C 47
- M 13
- Y 0
- K 21
CMYK color chart

● #6bafca color description : Slightly desaturated blue.

The hexadecimal color #6bafca has RGB values of R:107, G:175, B:202 and CMYK values of C:0.47, M:0.13, Y:0, K:0.21. Its decimal value is 7057354.

Hex triplet	6bafca	`#6bafca`
RGB Decimal	107, 175, 202	`rgb(107,175,202)`
RGB Percent	42, 68.6, 79.2	`rgb(42%,68.6%,79.2%)`
CMYK	47, 13, 0, 21
HSL	197.1°, 47.3, 60.6	`hsl(197.1,47.3%,60.6%)`
HSV (or HSB)	197.1°, 47, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.056, -14.289, -20.425
XYZ	32.051, 38.048, 61.529
xyY	0.243, 0.289, 38.048
CIE-LCH	68.056, 24.927, 235.024
CIE-LUV	68.056, -30.975, -29.57
Hunter-Lab	61.683, -15.195, -15.963
Binary	01101011, 10101111, 11001010

#6bafca
```
#6bafca rgb(107,175,202)
```
#ca866b
```
#ca866b rgb(202,134,107)
```

Complementary Color

#6bcab6
```
#6bcab6 rgb(107,202,182)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#6b80ca
```
#6b80ca rgb(107,128,202)
```

Analogous Color

#cab66b
```
#cab66b rgb(202,182,107)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#ca6b80
```
#ca6b80 rgb(202,107,128)
```

Split Complementary Color

#afca6b
```
#afca6b rgb(175,202,107)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#ca6baf
```
#ca6baf rgb(202,107,175)
```

Triadic Color

#6bca86
```
#6bca86 rgb(107,202,134)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#ca6baf
```
#ca6baf rgb(202,107,175)
```
#ca866b
```
#ca866b rgb(202,134,107)
```

Tetradic Color

#3d8cab
```
#3d8cab rgb(61,140,171)
```
#459bbd
```
#459bbd rgb(69,155,189)
```
#58a5c3
```
#58a5c3 rgb(88,165,195)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#7eb9d1
```
#7eb9d1 rgb(126,185,209)
```
#91c3d7
```
#91c3d7 rgb(145,195,215)
```
#a3cdde
```
#a3cdde rgb(163,205,222)
```

Monochromatic Color

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

#6bc7ca
```
#6bc7ca rgb(107,199,202)
```
#6bbfca
```
#6bbfca rgb(107,191,202)
```
#6bb7ca
```
#6bb7ca rgb(107,183,202)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#6ba7ca
```
#6ba7ca rgb(107,167,202)
```
#6b9fca
```
#6b9fca rgb(107,159,202)
```
#6b97ca
```
#6b97ca rgb(107,151,202)
```

Similar Colors

Text with hexadecimal color #6bafca

This text has a font color of #6bafca.

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

#6bafca background color

This paragraph has a background color of #6bafca.

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

#6bafca border color

This element has a border color of #6bafca.

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

CSS codes

.text {color:#6bafca;}

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

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

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, #04090b is the darkest color, while #fbfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#091519
```
#091519 rgb(9,21,25)
```
#0e2128
```
#0e2128 rgb(14,33,40)
```
#132c36
```
#132c36 rgb(19,44,54)
```
#193845
```
#193845 rgb(25,56,69)
```
#1e4453
```
#1e4453 rgb(30,68,83)
```
#235062
```
#235062 rgb(35,80,98)
```
#285c70
```
#285c70 rgb(40,92,112)
```
#2d677e
```
#2d677e rgb(45,103,126)
```
#32738d
```
#32738d rgb(50,115,141)
```
#387f9b
```
#387f9b rgb(56,127,155)
```
#3d8baa
```
#3d8baa rgb(61,139,170)
```
#4297b8
```
#4297b8 rgb(66,151,184)
```

Shade Color Variation

#4e9fc0
```
#4e9fc0 rgb(78,159,192)
```
#5da7c5
```
#5da7c5 rgb(93,167,197)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#79b7cf
```
#79b7cf rgb(121,183,207)
```
#88bfd4
```
#88bfd4 rgb(136,191,212)
```
#96c6da
```
#96c6da rgb(150,198,218)
```
#a5cedf
```
#a5cedf rgb(165,206,223)
```
#b3d6e4
```
#b3d6e4 rgb(179,214,228)
```
#c2dee9
```
#c2dee9 rgb(194,222,233)
```
#d0e6ee
```
#d0e6ee rgb(208,230,238)
```
#dfedf3
```
#dfedf3 rgb(223,237,243)
```
#edf5f9
```
#edf5f9 rgb(237,245,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#999b9c
```
#999b9c rgb(153,155,156)
```
#929ea3
```
#929ea3 rgb(146,158,163)
```
#8aa2ab
```
#8aa2ab rgb(138,162,171)
```
#82a5b3
```
#82a5b3 rgb(130,165,179)
```
#7aa8bb
```
#7aa8bb rgb(122,168,187)
```
#73acc2
```
#73acc2 rgb(115,172,194)
```
#6bafca
```
#6bafca rgb(107,175,202)
```
#63b2d2
```
#63b2d2 rgb(99,178,210)
```
#5cb6d9
```
#5cb6d9 rgb(92,182,217)
```
#54b9e1
```
#54b9e1 rgb(84,185,225)
```
#4cbce9
```
#4cbce9 rgb(76,188,233)
```
#44c0f1
```
#44c0f1 rgb(68,192,241)
```
#3dc3f8
```
#3dc3f8 rgb(61,195,248)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#94a1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a9c6 Protanopia 1% of men
#a5a7d1 Deuteranopia 1% of men
#6eb5c2 Tritanopia 0.001% of the population

Trichromacy

#8fabc7 Protanomaly 1% of men, 0.01% of women
#90aace Deuteranomaly 6% of men, 0.4% of women
#6db2c5 Tritanomaly 0.01% of the population

#6bafca hex color

#6bafca Color Information

#6bafca Color Conversion

Color Schemes with #6bafca

Alternatives to #6bafca

#6bafca Preview

Shades and Tints of #6bafca

Tones of #6bafca

Color Blindness Simulator