colorhexa.com

#666ba6 hex color

In a RGB color space, hex #666ba6 is composed of 40% red, 42% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 35.5% magenta, 0% yellow and 34.9% black. It has a hue angle of 235.3 degrees, a saturation of 26.4% and a lightness of 52.5%. #666ba6 color hex could be obtained by blending #ccd6ff with #00004d. Closest websafe color is: #666699.

- R 40
- G 42
- B 65
RGB color chart
- C 39
- M 36
- Y 0
- K 35
CMYK color chart

● #666ba6 color description : Mostly desaturated dark blue.

The hexadecimal color #666ba6 has RGB values of R:102, G:107, B:166 and CMYK values of C:0.39, M:0.36, Y:0, K:0.35. Its decimal value is 6712230.

Hex triplet	666ba6	`#666ba6`
RGB Decimal	102, 107, 166	`rgb(102,107,166)`
RGB Percent	40, 42, 65.1	`rgb(40%,42%,65.1%)`
CMYK	39, 36, 0, 35
HSL	235.3°, 26.4, 52.5	`hsl(235.3,26.4%,52.5%)`
HSV (or HSB)	235.3°, 38.6, 65.1
Web Safe	666699	`#666699`

CIE-LAB	47.096, 13.124, -32.336
XYZ	17.619, 16.093, 38.252
xyY	0.245, 0.224, 16.093
CIE-LCH	47.096, 34.898, 292.091
CIE-LUV	47.096, -5.686, -49.491
Hunter-Lab	40.116, 8.193, -28.454
Binary	01100110, 01101011, 10100110

#666ba6
```
#666ba6 rgb(102,107,166)
```
#a6a166
```
#a6a166 rgb(166,161,102)
```

Complementary Color

#668ba6
```
#668ba6 rgb(102,139,166)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#8166a6
```
#8166a6 rgb(129,102,166)
```

Analogous Color

#8ba666
```
#8ba666 rgb(139,166,102)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#a68166
```
#a68166 rgb(166,129,102)
```

Split Complementary Color

#6ba666
```
#6ba666 rgb(107,166,102)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#a6666b
```
#a6666b rgb(166,102,107)
```

Triadic Color

#66a6a1
```
#66a6a1 rgb(102,166,161)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#a6666b
```
#a6666b rgb(166,102,107)
```
#a6a166
```
#a6a166 rgb(166,161,102)
```

Tetradic Color

#464a79
```
#464a79 rgb(70,74,121)
```
#505489
```
#505489 rgb(80,84,137)
```
#595e99
```
#595e99 rgb(89,94,153)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#767baf
```
#767baf rgb(118,123,175)
```
#868ab9
```
#868ab9 rgb(134,138,185)
```
#969ac2
```
#969ac2 rgb(150,154,194)
```

Monochromatic Color

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

#667ba6
```
#667ba6 rgb(102,123,166)
```
#6676a6
```
#6676a6 rgb(102,118,166)
```
#6670a6
```
#6670a6 rgb(102,112,166)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#6666a6
```
#6666a6 rgb(102,102,166)
```
#6c66a6
```
#6c66a6 rgb(108,102,166)
```
#7166a6
```
#7166a6 rgb(113,102,166)
```

Similar Colors

Text with hexadecimal color #666ba6

This text has a font color of #666ba6.

<span style="color:#666ba6;">Text here</span>

#666ba6 background color

This paragraph has a background color of #666ba6.

<p style="background-color:#666ba6;">Content here</p>

#666ba6 border color

This element has a border color of #666ba6.

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

CSS codes

.text {color:#666ba6;}

.background {background-color:#666ba6;}

.border {border:1px solid #666ba6;}

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

#050508
```
#050508 rgb(5,5,8)
```
#0c0d15
```
#0c0d15 rgb(12,13,21)
```
#131421
```
#131421 rgb(19,20,33)
```
#1a1c2d
```
#1a1c2d rgb(26,28,45)
```
#22243a
```
#22243a rgb(34,36,58)
```
#292b46
```
#292b46 rgb(41,43,70)
```
#303353
```
#303353 rgb(48,51,83)
```
#373a5f
```
#373a5f rgb(55,58,95)
```
#3e426b
```
#3e426b rgb(62,66,107)
```
#464a78
```
#464a78 rgb(70,74,120)
```
#4d5184
```
#4d5184 rgb(77,81,132)
```
#545991
```
#545991 rgb(84,89,145)
```
#5b609d
```
#5b609d rgb(91,96,157)
```

Shade Color Variation

#666ba6
```
#666ba6 rgb(102,107,166)
```
#7277ad
```
#7277ad rgb(114,119,173)
```
#7f83b4
```
#7f83b4 rgb(127,131,180)
```
#8b8fbc
```
#8b8fbc rgb(139,143,188)
```
#989bc3
```
#989bc3 rgb(152,155,195)
```
#a4a7ca
```
#a4a7ca rgb(164,167,202)
```
#b0b3d1
```
#b0b3d1 rgb(176,179,209)
```
#bdbfd8
```
#bdbfd8 rgb(189,191,216)
```
#c9cbe0
```
#c9cbe0 rgb(201,203,224)
```
#d6d7e7
```
#d6d7e7 rgb(214,215,231)
```
#e2e3ee
```
#e2e3ee rgb(226,227,238)
```
#eeeff5
```
#eeeff5 rgb(238,239,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82838a is the less saturated color, while #1224fa is the most saturated one.

#82838a
```
#82838a rgb(130,131,138)
```
#797b93
```
#797b93 rgb(121,123,147)
```
#6f739d
```
#6f739d rgb(111,115,157)
```
#666ba6
```
#666ba6 rgb(102,107,166)
```
#5d63af
```
#5d63af rgb(93,99,175)
```
#535bb9
```
#535bb9 rgb(83,91,185)
```
#4a53c2
```
#4a53c2 rgb(74,83,194)
```
#414ccb
```
#414ccb rgb(65,76,203)
```
#3744d5
```
#3744d5 rgb(55,68,213)
```
#2e3cde
```
#2e3cde rgb(46,60,222)
```
#2534e7
```
#2534e7 rgb(37,52,231)
```
#1c2cf0
```
#1c2cf0 rgb(28,44,240)
```
#1224fa
```
#1224fa rgb(18,36,250)
```

Tone Color Variation

Below, you can see how #666ba6 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

#707070 Achromatopsia 0.005% of the population
#6e6f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6275ac Protanopia 1% of men
#5f76a9 Deuteranopia 1% of men
#627b83 Tritanopia 0.001% of the population

Trichromacy

#6371aa Protanomaly 1% of men, 0.01% of women
#6272a8 Deuteranomaly 6% of men, 0.4% of women
#637590 Tritanomaly 0.01% of the population