#6cb2fd hex color

In a RGB color space, hex #6cb2fd is composed of 42.4% red, 69.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 29.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 211 degrees, a saturation of 97.3% and a lightness of 70.8%. #6cb2fd color hex could be obtained by blending #d8ffff with #0065fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 70
- B 99
RGB color chart
- C 57
- M 30
- Y 0
- K 1
CMYK color chart

● #6cb2fd color description : Soft blue.

The hexadecimal color #6cb2fd has RGB values of R:108, G:178, B:253 and CMYK values of C:0.57, M:0.3, Y:0, K:0.01. Its decimal value is 7123709.

Hex triplet	6cb2fd	`#6cb2fd`
RGB Decimal	108, 178, 253	`rgb(108,178,253)`
RGB Percent	42.4, 69.8, 99.2	`rgb(42.4%,69.8%,99.2%)`
CMYK	57, 30, 0, 1
HSL	211°, 97.3, 70.8	`hsl(211,97.3%,70.8%)`
HSV (or HSB)	211°, 57.3, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.952, -0.631, -43.808
XYZ	39.83, 42.118, 98.954
xyY	0.22, 0.233, 42.118
CIE-LCH	70.952, 43.812, 269.174
CIE-LUV	70.952, -30.744, -70.958
Hunter-Lab	64.899, -4.022, -44.973
Binary	01101100, 10110010, 11111101

#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#fdb76c
```
#fdb76c rgb(253,183,108)
```

Complementary Color

#6cfbfd
```
#6cfbfd rgb(108,251,253)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#6f6cfd
```
#6f6cfd rgb(111,108,253)
```

Analogous Color

#fbfd6c
```
#fbfd6c rgb(251,253,108)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#fd6f6c
```
#fd6f6c rgb(253,111,108)
```

Split Complementary Color

#b2fd6c
```
#b2fd6c rgb(178,253,108)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#fd6cb2
```
#fd6cb2 rgb(253,108,178)
```

Triadic Color

#6cfdb7
```
#6cfdb7 rgb(108,253,183)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#fd6cb2
```
#fd6cb2 rgb(253,108,178)
```
#fdb76c
```
#fdb76c rgb(253,183,108)
```

Tetradic Color

#218afc
```
#218afc rgb(33,138,252)
```
#3a98fc
```
#3a98fc rgb(58,152,252)
```
#53a5fd
```
#53a5fd rgb(83,165,253)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#85bffd
```
#85bffd rgb(133,191,253)
```
#9eccfe
```
#9eccfe rgb(158,204,254)
```
#b7dafe
```
#b7dafe rgb(183,218,254)
```

Monochromatic Color

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

#6cd6fd
```
#6cd6fd rgb(108,214,253)
```
#6ccafd
```
#6ccafd rgb(108,202,253)
```
#6cbefd
```
#6cbefd rgb(108,190,253)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#6ca6fd
```
#6ca6fd rgb(108,166,253)
```
#6c9afd
```
#6c9afd rgb(108,154,253)
```
#6c8efd
```
#6c8efd rgb(108,142,253)
```

Similar Colors

Text with hexadecimal color #6cb2fd

This text has a font color of #6cb2fd.

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

#6cb2fd background color

This paragraph has a background color of #6cb2fd.

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

#6cb2fd border color

This element has a border color of #6cb2fd.

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

CSS codes

.text {color:#6cb2fd;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000d1b
```
#000d1b rgb(0,13,27)
```
#01172f
```
#01172f rgb(1,23,47)
```
#012042
```
#012042 rgb(1,32,66)
```
#012a55
```
#012a55 rgb(1,42,85)
```
#013369
```
#013369 rgb(1,51,105)
```
#023d7c
```
#023d7c rgb(2,61,124)
```
#02468f
```
#02468f rgb(2,70,143)
```
#0250a3
```
#0250a3 rgb(2,80,163)
```
#0259b6
```
#0259b6 rgb(2,89,182)
```
#0363c9
```
#0363c9 rgb(3,99,201)
```
#036cdd
```
#036cdd rgb(3,108,221)
```
#0376f0
```
#0376f0 rgb(3,118,240)
```

Shade Color Variation

#0b7ffc
```
#0b7ffc rgb(11,127,252)
```
#1f89fc
```
#1f89fc rgb(31,137,252)
```
#3294fc
```
#3294fc rgb(50,148,252)
```
#459efc
```
#459efc rgb(69,158,252)
```
#59a8fd
```
#59a8fd rgb(89,168,253)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```
#7fbcfd
```
#7fbcfd rgb(127,188,253)
```
#93c6fe
```
#93c6fe rgb(147,198,254)
```
#a6d0fe
```
#a6d0fe rgb(166,208,254)
```
#b9dbfe
```
#b9dbfe rgb(185,219,254)
```
#cde5fe
```
#cde5fe rgb(205,229,254)
```
#e0efff
```
#e0efff rgb(224,239,255)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#b1b4b8
```
#b1b4b8 rgb(177,180,184)
```
#abb4be
```
#abb4be rgb(171,180,190)
```
#a5b4c4
```
#a5b4c4 rgb(165,180,196)
```
#a0b4c9
```
#a0b4c9 rgb(160,180,201)
```
#9ab4cf
```
#9ab4cf rgb(154,180,207)
```
#94b3d5
```
#94b3d5 rgb(148,179,213)
```
#8eb3db
```
#8eb3db rgb(142,179,219)
```
#89b3e0
```
#89b3e0 rgb(137,179,224)
```
#83b3e6
```
#83b3e6 rgb(131,179,230)
```
#7db3ec
```
#7db3ec rgb(125,179,236)
```
#77b2f2
```
#77b2f2 rgb(119,178,242)
```
#72b2f7
```
#72b2f7 rgb(114,178,247)
```
#6cb2fd
```
#6cb2fd rgb(108,178,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9aa8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aff8 Protanopia 1% of men
#8cb1ff Deuteranopia 1% of men
#5abfcd Tritanopia 0.001% of the population

Trichromacy

#88b0fa Protanomaly 1% of men, 0.01% of women
#80b1fe Deuteranomaly 6% of men, 0.4% of women
#60bade Tritanomaly 0.01% of the population

#6cb2fd hex color

#6cb2fd Color Information

#6cb2fd Color Conversion

Color Schemes with #6cb2fd

Alternatives to #6cb2fd

#6cb2fd Preview

Shades and Tints of #6cb2fd

Tones of #6cb2fd

Color Blindness Simulator