#6ca0ff hex color

In a RGB color space, hex #6ca0ff is composed of 42.4% red, 62.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 37.3% magenta, 0% yellow and 0% black. It has a hue angle of 218.8 degrees, a saturation of 100% and a lightness of 71.2%. #6ca0ff color hex could be obtained by blending #d8ffff with #0041ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 63
- B 100
RGB color chart
- C 58
- M 37
- Y 0
- K 0
CMYK color chart

● #6ca0ff color description : Very light blue.

The hexadecimal color #6ca0ff has RGB values of R:108, G:160, B:255 and CMYK values of C:0.58, M:0.37, Y:0, K:0. Its decimal value is 7119103.

Hex triplet	6ca0ff	`#6ca0ff`
RGB Decimal	108, 160, 255	`rgb(108,160,255)`
RGB Percent	42.4, 62.7, 100	`rgb(42.4%,62.7%,100%)`
CMYK	58, 37, 0, 0
HSL	218.8°, 100, 71.2	`hsl(218.8,100%,71.2%)`
HSV (or HSB)	218.8°, 57.6, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.173, 10.234, -52.42
XYZ	36.801, 35.548, 99.524
xyY	0.214, 0.207, 35.548
CIE-LCH	66.173, 53.41, 281.047
CIE-LUV	66.173, -24.4, -86.029
Hunter-Lab	59.622, 5.84, -57.235
Binary	01101100, 10100000, 11111111

#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#ffcb6c
```
#ffcb6c rgb(255,203,108)
```

Complementary Color

#6ceaff
```
#6ceaff rgb(108,234,255)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#826cff
```
#826cff rgb(130,108,255)
```

Analogous Color

#eaff6c
```
#eaff6c rgb(234,255,108)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#ff826c
```
#ff826c rgb(255,130,108)
```

Split Complementary Color

#a0ff6c
```
#a0ff6c rgb(160,255,108)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#ff6ca0
```
#ff6ca0 rgb(255,108,160)
```

Triadic Color

#6cffcb
```
#6cffcb rgb(108,255,203)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#ff6ca0
```
#ff6ca0 rgb(255,108,160)
```
#ffcb6c
```
#ffcb6c rgb(255,203,108)
```

Tetradic Color

#206fff
```
#206fff rgb(32,111,255)
```
#397fff
```
#397fff rgb(57,127,255)
```
#5390ff
```
#5390ff rgb(83,144,255)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#86b0ff
```
#86b0ff rgb(134,176,255)
```
#9fc1ff
```
#9fc1ff rgb(159,193,255)
```
#b9d1ff
```
#b9d1ff rgb(185,209,255)
```

Monochromatic Color

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

#6cc5ff
```
#6cc5ff rgb(108,197,255)
```
#6cb9ff
```
#6cb9ff rgb(108,185,255)
```
#6cacff
```
#6cacff rgb(108,172,255)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#6c94ff
```
#6c94ff rgb(108,148,255)
```
#6c88ff
```
#6c88ff rgb(108,136,255)
```
#6c7bff
```
#6c7bff rgb(108,123,255)
```

Similar Colors

Text with hexadecimal color #6ca0ff

This text has a font color of #6ca0ff.

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

#6ca0ff background color

This paragraph has a background color of #6ca0ff.

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

#6ca0ff border color

This element has a border color of #6ca0ff.

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

CSS codes

.text {color:#6ca0ff;}

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

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

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, #00040a is the darkest color, while #f5f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001131
```
#001131 rgb(0,17,49)
```
#001845
```
#001845 rgb(0,24,69)
```
#001f58
```
#001f58 rgb(0,31,88)
```
#00266c
```
#00266c rgb(0,38,108)
```
#002d80
```
#002d80 rgb(0,45,128)
```
#003493
```
#003493 rgb(0,52,147)
```
#003ba7
```
#003ba7 rgb(0,59,167)
```
#0042ba
```
#0042ba rgb(0,66,186)
```
#0049ce
```
#0049ce rgb(0,73,206)
```
#0050e2
```
#0050e2 rgb(0,80,226)
```
#0057f5
```
#0057f5 rgb(0,87,245)
```

Shade Color Variation

#0a61ff
```
#0a61ff rgb(10,97,255)
```
#1e6dff
```
#1e6dff rgb(30,109,255)
```
#317aff
```
#317aff rgb(49,122,255)
```
#4587ff
```
#4587ff rgb(69,135,255)
```
#5893ff
```
#5893ff rgb(88,147,255)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```
#80adff
```
#80adff rgb(128,173,255)
```
#93b9ff
```
#93b9ff rgb(147,185,255)
```
#a7c6ff
```
#a7c6ff rgb(167,198,255)
```
#bad3ff
```
#bad3ff rgb(186,211,255)
```
#cedfff
```
#cedfff rgb(206,223,255)
```
#e2ecff
```
#e2ecff rgb(226,236,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#b0b4bb
```
#b0b4bb rgb(176,180,187)
```
#aab2c1
```
#aab2c1 rgb(170,178,193)
```
#a5b1c6
```
#a5b1c6 rgb(165,177,198)
```
#9fafcc
```
#9fafcc rgb(159,175,204)
```
#99add2
```
#99add2 rgb(153,173,210)
```
#94acd7
```
#94acd7 rgb(148,172,215)
```
#8eaadd
```
#8eaadd rgb(142,170,221)
```
#88a8e3
```
#88a8e3 rgb(136,168,227)
```
#83a7e8
```
#83a7e8 rgb(131,167,232)
```
#7da5ee
```
#7da5ee rgb(125,165,238)
```
#77a3f4
```
#77a3f4 rgb(119,163,244)
```
#72a2f9
```
#72a2f9 rgb(114,162,249)
```
#6ca0ff
```
#6ca0ff rgb(108,160,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#929caf Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a2fd Protanopia 1% of men
#6ca6fe Deuteranopia 1% of men
#50b2bf Tritanopia 0.001% of the population

Trichromacy

#78a1fd Protanomaly 1% of men, 0.01% of women
#6ca3fe Deuteranomaly 6% of men, 0.4% of women
#5aacd6 Tritanomaly 0.01% of the population

#6ca0ff hex color

#6ca0ff Color Information

#6ca0ff Color Conversion

Color Schemes with #6ca0ff

Alternatives to #6ca0ff

#6ca0ff Preview

Shades and Tints of #6ca0ff

Tones of #6ca0ff

Color Blindness Simulator