#6bd2fc hex color

In a RGB color space, hex #6bd2fc is composed of 42% red, 82.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 16.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 197.4 degrees, a saturation of 96% and a lightness of 70.4%. #6bd2fc color hex could be obtained by blending #d6ffff with #00a5f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 42
- G 82
- B 99
RGB color chart
- C 58
- M 17
- Y 0
- K 1
CMYK color chart

● #6bd2fc color description : Soft blue.

The hexadecimal color #6bd2fc has RGB values of R:107, G:210, B:252 and CMYK values of C:0.58, M:0.17, Y:0, K:0.01. Its decimal value is 7066364.

Hex triplet	6bd2fc	`#6bd2fc`
RGB Decimal	107, 210, 252	`rgb(107,210,252)`
RGB Percent	42, 82.4, 98.8	`rgb(42%,82.4%,98.8%)`
CMYK	58, 17, 0, 1
HSL	197.4°, 96, 70.4	`hsl(197.4,96%,70.4%)`
HSV (or HSB)	197.4°, 57.5, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.752, -18.249, -29.63
XYZ	46.676, 56.244, 100.487
xyY	0.229, 0.277, 56.244
CIE-LCH	79.752, 34.799, 238.372
CIE-LUV	79.752, -42.696, -45.206
Hunter-Lab	74.996, -20.148, -26.945
Binary	01101011, 11010010, 11111100

#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#fc956b
```
#fc956b rgb(252,149,107)
```

Complementary Color

#6bfcde
```
#6bfcde rgb(107,252,222)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#6b8afc
```
#6b8afc rgb(107,138,252)
```

Analogous Color

#fcde6b
```
#fcde6b rgb(252,222,107)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#fc6b8a
```
#fc6b8a rgb(252,107,138)
```

Split Complementary Color

#d2fc6b
```
#d2fc6b rgb(210,252,107)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#fc6bd2
```
#fc6bd2 rgb(252,107,210)
```

Triadic Color

#6bfc95
```
#6bfc95 rgb(107,252,149)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#fc6bd2
```
#fc6bd2 rgb(252,107,210)
```
#fc956b
```
#fc956b rgb(252,149,107)
```

Tetradic Color

#20bbfa
```
#20bbfa rgb(32,187,250)
```
#39c3fb
```
#39c3fb rgb(57,195,251)
```
#52cafb
```
#52cafb rgb(82,202,251)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#84dafd
```
#84dafd rgb(132,218,253)
```
#9de1fd
```
#9de1fd rgb(157,225,253)
```
#b6e9fe
```
#b6e9fe rgb(182,233,254)
```

Monochromatic Color

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

#6bf6fc
```
#6bf6fc rgb(107,246,252)
```
#6beafc
```
#6beafc rgb(107,234,252)
```
#6bdefc
```
#6bdefc rgb(107,222,252)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#6bc6fc
```
#6bc6fc rgb(107,198,252)
```
#6bbafc
```
#6bbafc rgb(107,186,252)
```
#6baefc
```
#6baefc rgb(107,174,252)
```

Similar Colors

Text with hexadecimal color #6bd2fc

This text has a font color of #6bd2fc.

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

#6bd2fc background color

This paragraph has a background color of #6bd2fc.

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

#6bd2fc border color

This element has a border color of #6bd2fc.

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

CSS codes

.text {color:#6bd2fc;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011219
```
#011219 rgb(1,18,25)
```
#01202c
```
#01202c rgb(1,32,44)
```
#012d3f
```
#012d3f rgb(1,45,63)
```
#023b53
```
#023b53 rgb(2,59,83)
```
#024966
```
#024966 rgb(2,73,102)
```
#025779
```
#025779 rgb(2,87,121)
```
#03658c
```
#03658c rgb(3,101,140)
```
#0372a0
```
#0372a0 rgb(3,114,160)
```
#0480b3
```
#0480b3 rgb(4,128,179)
```
#048ec6
```
#048ec6 rgb(4,142,198)
```
#049cd9
```
#049cd9 rgb(4,156,217)
```
#05a9ed
```
#05a9ed rgb(5,169,237)
```

Shade Color Variation

#0bb5fa
```
#0bb5fa rgb(11,181,250)
```
#1ebbfa
```
#1ebbfa rgb(30,187,250)
```
#31c0fb
```
#31c0fb rgb(49,192,251)
```
#45c6fb
```
#45c6fb rgb(69,198,251)
```
#58ccfc
```
#58ccfc rgb(88,204,252)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#91defd
```
#91defd rgb(145,222,253)
```
#a5e4fd
```
#a5e4fd rgb(165,228,253)
```
#b8e9fe
```
#b8e9fe rgb(184,233,254)
```
#cbeffe
```
#cbeffe rgb(203,239,254)
```
#def5fe
```
#def5fe rgb(222,245,254)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#b1b5b6
```
#b1b5b6 rgb(177,181,182)
```
#abb7bc
```
#abb7bc rgb(171,183,188)
```
#a5bac2
```
#a5bac2 rgb(165,186,194)
```
#9fbcc8
```
#9fbcc8 rgb(159,188,200)
```
#99bece
```
#99bece rgb(153,190,206)
```
#94c1d3
```
#94c1d3 rgb(148,193,211)
```
#8ec3d9
```
#8ec3d9 rgb(142,195,217)
```
#88c6df
```
#88c6df rgb(136,198,223)
```
#82c8e5
```
#82c8e5 rgb(130,200,229)
```
#7ccbeb
```
#7ccbeb rgb(124,203,235)
```
#77cdf0
```
#77cdf0 rgb(119,205,240)
```
#71d0f6
```
#71d0f6 rgb(113,208,246)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a9bdc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f3 Protanopia 1% of men
#bbc5ff Deuteranopia 1% of men
#67d8e7 Tritanopia 0.001% of the population

Trichromacy

#9fcaf6 Protanomaly 1% of men, 0.01% of women
#9dcafd Deuteranomaly 6% of men, 0.4% of women
#68d5ef Tritanomaly 0.01% of the population

#6bd2fc hex color

#6bd2fc Color Information

#6bd2fc Color Conversion

Color Schemes with #6bd2fc

Alternatives to #6bd2fc

#6bd2fc Preview

Shades and Tints of #6bd2fc

Tones of #6bd2fc

Color Blindness Simulator