#6ca5c4 hex color

In a RGB color space, hex #6ca5c4 is composed of 42.4% red, 64.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 15.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 201.1 degrees, a saturation of 42.7% and a lightness of 59.6%. #6ca5c4 color hex could be obtained by blending #d8ffff with #004b89. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 65
- B 77
RGB color chart
- C 45
- M 16
- Y 0
- K 23
CMYK color chart

● #6ca5c4 color description : Slightly desaturated blue.

The hexadecimal color #6ca5c4 has RGB values of R:108, G:165, B:196 and CMYK values of C:0.45, M:0.16, Y:0, K:0.23. Its decimal value is 7120324.

Hex triplet	6ca5c4	`#6ca5c4`
RGB Decimal	108, 165, 196	`rgb(108,165,196)`
RGB Percent	42.4, 64.7, 76.9	`rgb(42.4%,64.7%,76.9%)`
CMYK	45, 16, 0, 23
HSL	201.1°, 42.7, 59.6	`hsl(201.1,42.7%,59.6%)`
HSV (or HSB)	201.1°, 44.9, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.028, -10.342, -21.712
XYZ	29.601, 34.082, 57.24
xyY	0.245, 0.282, 34.082
CIE-LCH	65.028, 24.049, 244.529
CIE-LUV	65.028, -26.775, -32.003
Hunter-Lab	58.38, -11.659, -17.266
Binary	01101100, 10100101, 11000100

#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#c48b6c
```
#c48b6c rgb(196,139,108)
```

Complementary Color

#6cc4b7
```
#6cc4b7 rgb(108,196,183)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#6c79c4
```
#6c79c4 rgb(108,121,196)
```

Analogous Color

#c4b76c
```
#c4b76c rgb(196,183,108)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#c46c79
```
#c46c79 rgb(196,108,121)
```

Split Complementary Color

#a5c46c
```
#a5c46c rgb(165,196,108)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#c46ca5
```
#c46ca5 rgb(196,108,165)
```

Triadic Color

#6cc48b
```
#6cc48b rgb(108,196,139)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#c46ca5
```
#c46ca5 rgb(196,108,165)
```
#c48b6c
```
#c48b6c rgb(196,139,108)
```

Tetradic Color

#4180a2
```
#4180a2 rgb(65,128,162)
```
#488eb5
```
#488eb5 rgb(72,142,181)
```
#5a9abd
```
#5a9abd rgb(90,154,189)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#7eb0cb
```
#7eb0cb rgb(126,176,203)
```
#90bbd3
```
#90bbd3 rgb(144,187,211)
```
#a3c6da
```
#a3c6da rgb(163,198,218)
```

Monochromatic Color

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

#6cbbc4
```
#6cbbc4 rgb(108,187,196)
```
#6cb4c4
```
#6cb4c4 rgb(108,180,196)
```
#6cacc4
```
#6cacc4 rgb(108,172,196)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#6c9ec4
```
#6c9ec4 rgb(108,158,196)
```
#6c96c4
```
#6c96c4 rgb(108,150,196)
```
#6c8fc4
```
#6c8fc4 rgb(108,143,196)
```

Similar Colors

Text with hexadecimal color #6ca5c4

This text has a font color of #6ca5c4.

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

#6ca5c4 background color

This paragraph has a background color of #6ca5c4.

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

#6ca5c4 border color

This element has a border color of #6ca5c4.

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

CSS codes

.text {color:#6ca5c4;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081115
```
#081115 rgb(8,17,21)
```
#0e1c23
```
#0e1c23 rgb(14,28,35)
```
#142731
```
#142731 rgb(20,39,49)
```
#19323f
```
#19323f rgb(25,50,63)
```
#1f3d4d
```
#1f3d4d rgb(31,61,77)
```
#25485b
```
#25485b rgb(37,72,91)
```
#2a5369
```
#2a5369 rgb(42,83,105)
```
#305e77
```
#305e77 rgb(48,94,119)
```
#356985
```
#356985 rgb(53,105,133)
```
#3b7493
```
#3b7493 rgb(59,116,147)
```
#417fa1
```
#417fa1 rgb(65,127,161)
```
#468aaf
```
#468aaf rgb(70,138,175)
```

Shade Color Variation

#5094b9
```
#5094b9 rgb(80,148,185)
```
#5e9cbe
```
#5e9cbe rgb(94,156,190)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#7aaeca
```
#7aaeca rgb(122,174,202)
```
#88b6cf
```
#88b6cf rgb(136,182,207)
```
#96bfd5
```
#96bfd5 rgb(150,191,213)
```
#a4c7da
```
#a4c7da rgb(164,199,218)
```
#b2d0e0
```
#b2d0e0 rgb(178,208,224)
```
#c0d8e6
```
#c0d8e6 rgb(192,216,230)
```
#cee1eb
```
#cee1eb rgb(206,225,235)
```
#dceaf1
```
#dceaf1 rgb(220,234,241)
```
#eaf2f7
```
#eaf2f7 rgb(234,242,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94999c is the less saturated color, while #35b5fb is the most saturated one.

#94999c
```
#94999c rgb(148,153,156)
```
#8c9ca4
```
#8c9ca4 rgb(140,156,164)
```
#849eac
```
#849eac rgb(132,158,172)
```
#7ca0b4
```
#7ca0b4 rgb(124,160,180)
```
#74a3bc
```
#74a3bc rgb(116,163,188)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#5caad4
```
#5caad4 rgb(92,170,212)
```
#54acdc
```
#54acdc rgb(84,172,220)
```
#4caee4
```
#4caee4 rgb(76,174,228)
```
#44b1ec
```
#44b1ec rgb(68,177,236)
```
#3cb3f4
```
#3cb3f4 rgb(60,179,244)
```
#35b5fb
```
#35b5fb rgb(53,181,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8e9aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba1c1 Protanopia 1% of men
#9ba0ca Deuteranopia 1% of men
#6eacb8 Tritanopia 0.001% of the population

Trichromacy

#8aa2c2 Protanomaly 1% of men, 0.01% of women
#8aa1c8 Deuteranomaly 6% of men, 0.4% of women
#6da9bc Tritanomaly 0.01% of the population

#6ca5c4 hex color

#6ca5c4 Color Information

#6ca5c4 Color Conversion

Color Schemes with #6ca5c4

Alternatives to #6ca5c4

#6ca5c4 Preview

Shades and Tints of #6ca5c4

Tones of #6ca5c4

Color Blindness Simulator