#6ca0ec hex color

In a RGB color space, hex #6ca0ec is composed of 42.4% red, 62.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 32.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 215.6 degrees, a saturation of 77.1% and a lightness of 67.5%. #6ca0ec color hex could be obtained by blending #d8ffff with #0041d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 63
- B 93
RGB color chart
- C 54
- M 32
- Y 0
- K 7
CMYK color chart

● #6ca0ec color description : Soft blue.

The hexadecimal color #6ca0ec has RGB values of R:108, G:160, B:236 and CMYK values of C:0.54, M:0.32, Y:0, K:0.07. Its decimal value is 7119084.

Hex triplet	6ca0ec	`#6ca0ec`
RGB Decimal	108, 160, 236	`rgb(108,160,236)`
RGB Percent	42.4, 62.7, 92.5	`rgb(42.4%,62.7%,92.5%)`
CMYK	54, 32, 0, 7
HSL	215.6°, 77.1, 67.5	`hsl(215.6,77.1%,67.5%)`
HSV (or HSB)	215.6°, 54.2, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.266, 4.275, -43.463
XYZ	33.892, 34.384, 84.203
xyY	0.222, 0.225, 34.384
CIE-LCH	65.266, 43.673, 275.617
CIE-LUV	65.266, -24.484, -70.088
Hunter-Lab	58.638, 0.555, -44.093
Binary	01101100, 10100000, 11101100

#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#ecb86c
```
#ecb86c rgb(236,184,108)
```

Complementary Color

#6ce0ec
```
#6ce0ec rgb(108,224,236)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#786cec
```
#786cec rgb(120,108,236)
```

Analogous Color

#e0ec6c
```
#e0ec6c rgb(224,236,108)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#ec786c
```
#ec786c rgb(236,120,108)
```

Split Complementary Color

#a0ec6c
```
#a0ec6c rgb(160,236,108)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#ec6ca0
```
#ec6ca0 rgb(236,108,160)
```

Triadic Color

#6cecb8
```
#6cecb8 rgb(108,236,184)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#ec6ca0
```
#ec6ca0 rgb(236,108,160)
```
#ecb86c
```
#ecb86c rgb(236,184,108)
```

Tetradic Color

#2874e3
```
#2874e3 rgb(40,116,227)
```
#3f83e6
```
#3f83e6 rgb(63,131,230)
```
#5591e9
```
#5591e9 rgb(85,145,233)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#83afef
```
#83afef rgb(131,175,239)
```
#99bdf2
```
#99bdf2 rgb(153,189,242)
```
#b0ccf5
```
#b0ccf5 rgb(176,204,245)
```

Monochromatic Color

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

#6cc0ec
```
#6cc0ec rgb(108,192,236)
```
#6cb5ec
```
#6cb5ec rgb(108,181,236)
```
#6cabec
```
#6cabec rgb(108,171,236)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#6c95ec
```
#6c95ec rgb(108,149,236)
```
#6c8bec
```
#6c8bec rgb(108,139,236)
```
#6c80ec
```
#6c80ec rgb(108,128,236)
```

Similar Colors

Text with hexadecimal color #6ca0ec

This text has a font color of #6ca0ec.

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

#6ca0ec background color

This paragraph has a background color of #6ca0ec.

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

#6ca0ec border color

This element has a border color of #6ca0ec.

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

CSS codes

.text {color:#6ca0ec;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#030d1b
```
#030d1b rgb(3,13,27)
```
#06152c
```
#06152c rgb(6,21,44)
```
#081e3d
```
#081e3d rgb(8,30,61)
```
#0a264f
```
#0a264f rgb(10,38,79)
```
#0c2e60
```
#0c2e60 rgb(12,46,96)
```
#0f3772
```
#0f3772 rgb(15,55,114)
```
#113f83
```
#113f83 rgb(17,63,131)
```
#134894
```
#134894 rgb(19,72,148)
```
#1550a6
```
#1550a6 rgb(21,80,166)
```
#1858b7
```
#1858b7 rgb(24,88,183)
```
#1a61c8
```
#1a61c8 rgb(26,97,200)
```
#1c69da
```
#1c69da rgb(28,105,218)
```

Shade Color Variation

#2773e3
```
#2773e3 rgb(39,115,227)
```
#387ee5
```
#387ee5 rgb(56,126,229)
```
#498ae8
```
#498ae8 rgb(73,138,232)
```
#5b95ea
```
#5b95ea rgb(91,149,234)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#7dabee
```
#7dabee rgb(125,171,238)
```
#8fb6f0
```
#8fb6f0 rgb(143,182,240)
```
#a0c2f3
```
#a0c2f3 rgb(160,194,243)
```
#b1cdf5
```
#b1cdf5 rgb(177,205,245)
```
#c3d8f7
```
#c3d8f7 rgb(195,216,247)
```
#d4e3f9
```
#d4e3f9 rgb(212,227,249)
```
#e6effc
```
#e6effc rgb(230,239,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#a5abb3
```
#a5abb3 rgb(165,171,179)
```
#9faab9
```
#9faab9 rgb(159,170,185)
```
#99a8bf
```
#99a8bf rgb(153,168,191)
```
#92a7c6
```
#92a7c6 rgb(146,167,198)
```
#8ca6cc
```
#8ca6cc rgb(140,166,204)
```
#86a5d2
```
#86a5d2 rgb(134,165,210)
```
#7fa4d9
```
#7fa4d9 rgb(127,164,217)
```
#79a2df
```
#79a2df rgb(121,162,223)
```
#72a1e6
```
#72a1e6 rgb(114,161,230)
```
#6ca0ec
```
#6ca0ec rgb(108,160,236)
```
#669ff2
```
#669ff2 rgb(102,159,242)
```
#5f9ef9
```
#5f9ef9 rgb(95,158,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#909aaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a1ea Protanopia 1% of men
#7da2ed Deuteranopia 1% of men
#5cafbc Tritanopia 0.001% of the population

Trichromacy

#7ea0ea Protanomaly 1% of men, 0.01% of women
#77a1ed Deuteranomaly 6% of men, 0.4% of women
#61a9cd Tritanomaly 0.01% of the population

#6ca0ec hex color

#6ca0ec Color Information

#6ca0ec Color Conversion

Color Schemes with #6ca0ec

Alternatives to #6ca0ec

#6ca0ec Preview

Shades and Tints of #6ca0ec

Tones of #6ca0ec

Color Blindness Simulator