#6cb7f2 hex color

In a RGB color space, hex #6cb7f2 is composed of 42.4% red, 71.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 24.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.4 degrees, a saturation of 83.8% and a lightness of 68.6%. #6cb7f2 color hex could be obtained by blending #d8ffff with #006fe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 42
- G 72
- B 95
RGB color chart
- C 55
- M 24
- Y 0
- K 5
CMYK color chart

● #6cb7f2 color description : Soft blue.

The hexadecimal color #6cb7f2 has RGB values of R:108, G:183, B:242 and CMYK values of C:0.55, M:0.24, Y:0, K:0.05. Its decimal value is 7124978.

Hex triplet	6cb7f2	`#6cb7f2`
RGB Decimal	108, 183, 242	`rgb(108,183,242)`
RGB Percent	42.4, 71.8, 94.9	`rgb(42.4%,71.8%,94.9%)`
CMYK	55, 24, 0, 5
HSL	206.4°, 83.8, 68.6	`hsl(206.4,83.8%,68.6%)`
HSV (or HSB)	206.4°, 55.4, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.868, -6.75, -36.426
XYZ	39.141, 43.463, 90.326
xyY	0.226, 0.251, 43.463
CIE-LCH	71.868, 37.046, 259.501
CIE-LUV	71.868, -32.797, -57.686
Hunter-Lab	65.927, -9.396, -35.084
Binary	01101100, 10110111, 11110010

#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#f2a76c
```
#f2a76c rgb(242,167,108)
```

Complementary Color

#6cf2ea
```
#6cf2ea rgb(108,242,234)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#6c74f2
```
#6c74f2 rgb(108,116,242)
```

Analogous Color

#f2ea6c
```
#f2ea6c rgb(242,234,108)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#f26c74
```
#f26c74 rgb(242,108,116)
```

Split Complementary Color

#b7f26c
```
#b7f26c rgb(183,242,108)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#f26cb7
```
#f26cb7 rgb(242,108,183)
```

Triadic Color

#6cf2a7
```
#6cf2a7 rgb(108,242,167)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#f26cb7
```
#f26cb7 rgb(242,108,183)
```
#f2a76c
```
#f2a76c rgb(242,167,108)
```

Tetradic Color

#2695ec
```
#2695ec rgb(38,149,236)
```
#3da0ee
```
#3da0ee rgb(61,160,238)
```
#55acf0
```
#55acf0 rgb(85,172,240)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#83c2f4
```
#83c2f4 rgb(131,194,244)
```
#9bcef6
```
#9bcef6 rgb(155,206,246)
```
#b2d9f8
```
#b2d9f8 rgb(178,217,248)
```

Monochromatic Color

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

#6cd9f2
```
#6cd9f2 rgb(108,217,242)
```
#6ccdf2
```
#6ccdf2 rgb(108,205,242)
```
#6cc2f2
```
#6cc2f2 rgb(108,194,242)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#6cacf2
```
#6cacf2 rgb(108,172,242)
```
#6ca1f2
```
#6ca1f2 rgb(108,161,242)
```
#6c96f2
```
#6c96f2 rgb(108,150,242)
```

Similar Colors

Text with hexadecimal color #6cb7f2

This text has a font color of #6cb7f2.

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

#6cb7f2 background color

This paragraph has a background color of #6cb7f2.

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

#6cb7f2 border color

This element has a border color of #6cb7f2.

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

CSS codes

.text {color:#6cb7f2;}

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

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

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, #01090f is the darkest color, while #fcfeff is the lightest one.

#01090f
```
#01090f rgb(1,9,15)
```
#031421
```
#031421 rgb(3,20,33)
```
#051f33
```
#051f33 rgb(5,31,51)
```
#062945
```
#062945 rgb(6,41,69)
```
#083457
```
#083457 rgb(8,52,87)
```
#093f69
```
#093f69 rgb(9,63,105)
```
#0b4a7b
```
#0b4a7b rgb(11,74,123)
```
#0d558d
```
#0d558d rgb(13,85,141)
```
#0e5f9f
```
#0e5f9f rgb(14,95,159)
```
#106ab1
```
#106ab1 rgb(16,106,177)
```
#1175c3
```
#1175c3 rgb(17,117,195)
```
#1380d5
```
#1380d5 rgb(19,128,213)
```
#148be7
```
#148be7 rgb(20,139,231)
```

Shade Color Variation

#2494ec
```
#2494ec rgb(36,148,236)
```
#369ded
```
#369ded rgb(54,157,237)
```
#48a5ef
```
#48a5ef rgb(72,165,239)
```
#5aaef0
```
#5aaef0 rgb(90,174,240)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#7ec0f4
```
#7ec0f4 rgb(126,192,244)
```
#90c9f5
```
#90c9f5 rgb(144,201,245)
```
#a2d1f7
```
#a2d1f7 rgb(162,209,247)
```
#b4daf8
```
#b4daf8 rgb(180,218,248)
```
#c6e3fa
```
#c6e3fa rgb(198,227,250)
```
#d8ecfc
```
#d8ecfc rgb(216,236,252)
```
#eaf5fd
```
#eaf5fd rgb(234,245,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#aab0b4
```
#aab0b4 rgb(170,176,180)
```
#a3b0bb
```
#a3b0bb rgb(163,176,187)
```
#9db1c1
```
#9db1c1 rgb(157,177,193)
```
#97b2c7
```
#97b2c7 rgb(151,178,199)
```
#91b3cd
```
#91b3cd rgb(145,179,205)
```
#8bb3d3
```
#8bb3d3 rgb(139,179,211)
```
#85b4d9
```
#85b4d9 rgb(133,180,217)
```
#7eb5e0
```
#7eb5e0 rgb(126,181,224)
```
#78b6e6
```
#78b6e6 rgb(120,182,230)
```
#72b6ec
```
#72b6ec rgb(114,182,236)
```
#6cb7f2
```
#6cb7f2 rgb(108,183,242)
```
#66b8f8
```
#66b8f8 rgb(102,184,248)
```
#60b8fe
```
#60b8fe rgb(96,184,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9baab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b2ec Protanopia 1% of men
#9bb2f5 Deuteranopia 1% of men
#62c1cf Tritanopia 0.001% of the population

Trichromacy

#8eb3ee Protanomaly 1% of men, 0.01% of women
#8ab4f4 Deuteranomaly 6% of men, 0.4% of women
#65bddc Tritanomaly 0.01% of the population

#6cb7f2 hex color

#6cb7f2 Color Information

#6cb7f2 Color Conversion

Color Schemes with #6cb7f2

Alternatives to #6cb7f2

#6cb7f2 Preview

Shades and Tints of #6cb7f2

Tones of #6cb7f2

Color Blindness Simulator