#6fa0cc hex color

In a RGB color space, hex #6fa0cc is composed of 43.5% red, 62.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 21.6% magenta, 0% yellow and 20% black. It has a hue angle of 208.4 degrees, a saturation of 47.7% and a lightness of 61.8%. #6fa0cc color hex could be obtained by blending #deffff with #004199. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 63
- B 80
RGB color chart
- C 46
- M 22
- Y 0
- K 20
CMYK color chart

● #6fa0cc color description : Slightly desaturated blue.

The hexadecimal color #6fa0cc has RGB values of R:111, G:160, B:204 and CMYK values of C:0.46, M:0.22, Y:0, K:0.2. Its decimal value is 7315660.

Hex triplet	6fa0cc	`#6fa0cc`
RGB Decimal	111, 160, 204	`rgb(111,160,204)`
RGB Percent	43.5, 62.7, 80	`rgb(43.5%,62.7%,80%)`
CMYK	46, 22, 0, 20
HSL	208.4°, 47.7, 61.8	`hsl(208.4,47.7%,61.8%)`
HSV (or HSB)	208.4°, 45.6, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.063, -4.58, -27.631
XYZ	30.023, 32.879, 61.888
xyY	0.241, 0.263, 32.879
CIE-LCH	64.063, 28.008, 260.588
CIE-LUV	64.063, -23.676, -42.387
Hunter-Lab	57.34, -6.885, -23.854
Binary	01101111, 10100000, 11001100

#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#cc9b6f
```
#cc9b6f rgb(204,155,111)
```

Complementary Color

#6fccca
```
#6fccca rgb(111,204,202)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#6f72cc
```
#6f72cc rgb(111,114,204)
```

Analogous Color

#ccca6f
```
#ccca6f rgb(204,202,111)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#cc6f72
```
#cc6f72 rgb(204,111,114)
```

Split Complementary Color

#a0cc6f
```
#a0cc6f rgb(160,204,111)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#cc6fa0
```
#cc6fa0 rgb(204,111,160)
```

Triadic Color

#6fcc9b
```
#6fcc9b rgb(111,204,155)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#cc6fa0
```
#cc6fa0 rgb(204,111,160)
```
#cc9b6f
```
#cc9b6f rgb(204,155,111)
```

Tetradic Color

#3e7ab0
```
#3e7ab0 rgb(62,122,176)
```
#4987bf
```
#4987bf rgb(73,135,191)
```
#5c94c5
```
#5c94c5 rgb(92,148,197)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#82acd3
```
#82acd3 rgb(130,172,211)
```
#95b9d9
```
#95b9d9 rgb(149,185,217)
```
#a7c5e0
```
#a7c5e0 rgb(167,197,224)
```

Monochromatic Color

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

#6fb7cc
```
#6fb7cc rgb(111,183,204)
```
#6fb0cc
```
#6fb0cc rgb(111,176,204)
```
#6fa8cc
```
#6fa8cc rgb(111,168,204)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#6f98cc
```
#6f98cc rgb(111,152,204)
```
#6f91cc
```
#6f91cc rgb(111,145,204)
```
#6f89cc
```
#6f89cc rgb(111,137,204)
```

Similar Colors

Text with hexadecimal color #6fa0cc

This text has a font color of #6fa0cc.

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

#6fa0cc background color

This paragraph has a background color of #6fa0cc.

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

#6fa0cc border color

This element has a border color of #6fa0cc.

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

CSS codes

.text {color:#6fa0cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050b0f
```
#050b0f rgb(5,11,15)
```
#0b151e
```
#0b151e rgb(11,21,30)
```
#101f2c
```
#101f2c rgb(16,31,44)
```
#15293b
```
#15293b rgb(21,41,59)
```
#1a3349
```
#1a3349 rgb(26,51,73)
```
#1f3d58
```
#1f3d58 rgb(31,61,88)
```
#244766
```
#244766 rgb(36,71,102)
```
#295175
```
#295175 rgb(41,81,117)
```
#2e5b83
```
#2e5b83 rgb(46,91,131)
```
#346592
```
#346592 rgb(52,101,146)
```
#396fa0
```
#396fa0 rgb(57,111,160)
```
#3e79af
```
#3e79af rgb(62,121,175)
```

Shade Color Variation

#4483bd
```
#4483bd rgb(68,131,189)
```
#528dc2
```
#528dc2 rgb(82,141,194)
```
#6196c7
```
#6196c7 rgb(97,150,199)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#7daad1
```
#7daad1 rgb(125,170,209)
```
#8cb3d6
```
#8cb3d6 rgb(140,179,214)
```
#9abddb
```
#9abddb rgb(154,189,219)
```
#a9c6e1
```
#a9c6e1 rgb(169,198,225)
```
#b7d0e6
```
#b7d0e6 rgb(183,208,230)
```
#c6d9eb
```
#c6d9eb rgb(198,217,235)
```
#d4e3f0
```
#d4e3f0 rgb(212,227,240)
```
#e3ecf5
```
#e3ecf5 rgb(227,236,245)
```
#f1f6fa
```
#f1f6fa rgb(241,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9e9f is the less saturated color, while #42a2f9 is the most saturated one.

#9c9e9f
```
#9c9e9f rgb(156,158,159)
```
#959ea7
```
#959ea7 rgb(149,158,167)
```
#8d9eae
```
#8d9eae rgb(141,158,174)
```
#869fb6
```
#869fb6 rgb(134,159,182)
```
#7e9fbd
```
#7e9fbd rgb(126,159,189)
```
#77a0c5
```
#77a0c5 rgb(119,160,197)
```
#6fa0cc
```
#6fa0cc rgb(111,160,204)
```
#68a0d4
```
#68a0d4 rgb(104,160,212)
```
#60a1db
```
#60a1db rgb(96,161,219)
```
#59a1e3
```
#59a1e3 rgb(89,161,227)
```
#51a2ea
```
#51a2ea rgb(81,162,234)
```
#4aa2f2
```
#4aa2f2 rgb(74,162,242)
```
#42a2f9
```
#42a2f9 rgb(66,162,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8e98a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949eca Protanopia 1% of men
#929ed1 Deuteranopia 1% of men
#6da9b5 Tritanopia 0.001% of the population

Trichromacy

#869fcb Protanomaly 1% of men, 0.01% of women
#859ecf Deuteranomaly 6% of men, 0.4% of women
#6da6bd Tritanomaly 0.01% of the population

#6fa0cc hex color

#6fa0cc Color Information

#6fa0cc Color Conversion

Color Schemes with #6fa0cc

Alternatives to #6fa0cc

#6fa0cc Preview

Shades and Tints of #6fa0cc

Tones of #6fa0cc

Color Blindness Simulator