#6bd1fc hex color

In a RGB color space, hex #6bd1fc is composed of 42% red, 82% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 17.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 197.8 degrees, a saturation of 96% and a lightness of 70.4%. #6bd1fc color hex could be obtained by blending #d6ffff with #00a3f9. 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

● #6bd1fc color description : Soft blue.

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

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

CIE-LAB	79.472, -17.736, -30.06
XYZ	46.43, 55.752, 100.404
xyY	0.229, 0.275, 55.752
CIE-LCH	79.472, 34.902, 239.459
CIE-LUV	79.472, -42.329, -45.994
Hunter-Lab	74.667, -19.671, -27.46
Binary	01101011, 11010001, 11111100

#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#fc966b
```
#fc966b rgb(252,150,107)
```

Complementary Color

#6bfcdf
```
#6bfcdf rgb(107,252,223)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#6b89fc
```
#6b89fc rgb(107,137,252)
```

Analogous Color

#fcdf6b
```
#fcdf6b rgb(252,223,107)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#fc6b89
```
#fc6b89 rgb(252,107,137)
```

Split Complementary Color

#d1fc6b
```
#d1fc6b rgb(209,252,107)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#fc6bd1
```
#fc6bd1 rgb(252,107,209)
```

Triadic Color

#6bfc96
```
#6bfc96 rgb(107,252,150)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#fc6bd1
```
#fc6bd1 rgb(252,107,209)
```
#fc966b
```
#fc966b rgb(252,150,107)
```

Tetradic Color

#20bafa
```
#20bafa rgb(32,186,250)
```
#39c1fb
```
#39c1fb rgb(57,193,251)
```
#52c9fb
```
#52c9fb rgb(82,201,251)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#84d9fd
```
#84d9fd rgb(132,217,253)
```
#9de1fd
```
#9de1fd rgb(157,225,253)
```
#b6e8fe
```
#b6e8fe rgb(182,232,254)
```

Monochromatic Color

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

#6bf5fc
```
#6bf5fc rgb(107,245,252)
```
#6be9fc
```
#6be9fc rgb(107,233,252)
```
#6bddfc
```
#6bddfc rgb(107,221,252)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#6bc5fc
```
#6bc5fc rgb(107,197,252)
```
#6bb9fc
```
#6bb9fc rgb(107,185,252)
```
#6badfc
```
#6badfc rgb(107,173,252)
```

Similar Colors

Text with hexadecimal color #6bd1fc

This text has a font color of #6bd1fc.

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

#6bd1fc background color

This paragraph has a background color of #6bd1fc.

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

#6bd1fc border color

This element has a border color of #6bd1fc.

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

CSS codes

.text {color:#6bd1fc;}

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

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

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)
```
#011f2c
```
#011f2c rgb(1,31,44)
```
#012d3f
```
#012d3f rgb(1,45,63)
```
#023b53
```
#023b53 rgb(2,59,83)
```
#024866
```
#024866 rgb(2,72,102)
```
#025679
```
#025679 rgb(2,86,121)
```
#03648c
```
#03648c rgb(3,100,140)
```
#0371a0
```
#0371a0 rgb(3,113,160)
```
#047fb3
```
#047fb3 rgb(4,127,179)
```
#048dc6
```
#048dc6 rgb(4,141,198)
```
#049ad9
```
#049ad9 rgb(4,154,217)
```
#05a8ed
```
#05a8ed rgb(5,168,237)
```

Shade Color Variation

#0bb3fa
```
#0bb3fa rgb(11,179,250)
```
#1eb9fa
```
#1eb9fa rgb(30,185,250)
```
#31bffb
```
#31bffb rgb(49,191,251)
```
#45c5fb
```
#45c5fb rgb(69,197,251)
```
#58cbfc
```
#58cbfc rgb(88,203,252)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```
#7ed7fc
```
#7ed7fc rgb(126,215,252)
```
#91ddfd
```
#91ddfd rgb(145,221,253)
```
#a5e3fd
```
#a5e3fd rgb(165,227,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 #6bd1fc is the most saturated one.

#b1b5b6
```
#b1b5b6 rgb(177,181,182)
```
#abb7bc
```
#abb7bc rgb(171,183,188)
```
#a5b9c2
```
#a5b9c2 rgb(165,185,194)
```
#9fbcc8
```
#9fbcc8 rgb(159,188,200)
```
#99bece
```
#99bece rgb(153,190,206)
```
#94c0d3
```
#94c0d3 rgb(148,192,211)
```
#8ec3d9
```
#8ec3d9 rgb(142,195,217)
```
#88c5df
```
#88c5df rgb(136,197,223)
```
#82c8e5
```
#82c8e5 rgb(130,200,229)
```
#7ccaeb
```
#7ccaeb rgb(124,202,235)
```
#77ccf0
```
#77ccf0 rgb(119,204,240)
```
#71cff6
```
#71cff6 rgb(113,207,246)
```
#6bd1fc
```
#6bd1fc rgb(107,209,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a8bcc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f3 Protanopia 1% of men
#b9c5ff Deuteranopia 1% of men
#67d7e6 Tritanopia 0.001% of the population

Trichromacy

#9ecaf6 Protanomaly 1% of men, 0.01% of women
#9dc9fd Deuteranomaly 6% of men, 0.4% of women
#68d4ee Tritanomaly 0.01% of the population

#6bd1fc hex color

#6bd1fc Color Information

#6bd1fc Color Conversion

Color Schemes with #6bd1fc

Alternatives to #6bd1fc

#6bd1fc Preview

Shades and Tints of #6bd1fc

Tones of #6bd1fc

Color Blindness Simulator