#666a7a hex color

In a RGB color space, hex #666a7a is composed of 40% red, 41.6% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 13.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 228 degrees, a saturation of 8.9% and a lightness of 43.9%. #666a7a color hex could be obtained by blending #ccd4f4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 48
RGB color chart
- C 16
- M 13
- Y 0
- K 52
CMYK color chart

● #666a7a color description : Dark grayish blue.

The hexadecimal color #666a7a has RGB values of R:102, G:106, B:122 and CMYK values of C:0.16, M:0.13, Y:0, K:0.52. Its decimal value is 6711930.

Hex triplet	666a7a	`#666a7a`
RGB Decimal	102, 106, 122	`rgb(102,106,122)`
RGB Percent	40, 41.6, 47.8	`rgb(40%,41.6%,47.8%)`
CMYK	16, 13, 0, 52
HSL	228°, 8.9, 43.9	`hsl(228,8.9%,43.9%)`
HSV (or HSB)	228°, 16.4, 47.8
Web Safe	666666	`#666666`

CIE-LAB	44.995, 2.063, -9.414
XYZ	14.146, 14.538, 20.472
xyY	0.288, 0.296, 14.538
CIE-LCH	44.995, 9.637, 282.363
CIE-LUV	44.995, -3.006, -13.301
Hunter-Lab	38.129, -0.501, -5.144
Binary	01100110, 01101010, 01111010

#666a7a
```
#666a7a rgb(102,106,122)
```
#7a7666
```
#7a7666 rgb(122,118,102)
```

Complementary Color

#66747a
```
#66747a rgb(102,116,122)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#6c667a
```
#6c667a rgb(108,102,122)
```

Analogous Color

#747a66
```
#747a66 rgb(116,122,102)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#7a6c66
```
#7a6c66 rgb(122,108,102)
```

Split Complementary Color

#6a7a66
```
#6a7a66 rgb(106,122,102)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#7a666a
```
#7a666a rgb(122,102,106)
```

Triadic Color

#667a76
```
#667a76 rgb(102,122,118)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#7a666a
```
#7a666a rgb(122,102,106)
```
#7a7666
```
#7a7666 rgb(122,118,102)
```

Tetradic Color

#434650
```
#434650 rgb(67,70,80)
```
#4f525e
```
#4f525e rgb(79,82,94)
```
#5a5e6c
```
#5a5e6c rgb(90,94,108)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#727688
```
#727688 rgb(114,118,136)
```
#7f8394
```
#7f8394 rgb(127,131,148)
```
#8d91a0
```
#8d91a0 rgb(141,145,160)
```

Monochromatic Color

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

#666f7a
```
#666f7a rgb(102,111,122)
```
#666d7a
```
#666d7a rgb(102,109,122)
```
#666c7a
```
#666c7a rgb(102,108,122)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#66687a
```
#66687a rgb(102,104,122)
```
#66677a
```
#66677a rgb(102,103,122)
```
#67667a
```
#67667a rgb(103,102,122)
```

Similar Colors

Text with hexadecimal color #666a7a

This text has a font color of #666a7a.

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

#666a7a background color

This paragraph has a background color of #666a7a.

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

#666a7a border color

This element has a border color of #666a7a.

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

CSS codes

.text {color:#666a7a;}

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

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0d0d0f
```
#0d0d0f rgb(13,13,15)
```
#16161a
```
#16161a rgb(22,22,26)
```
#1f2025
```
#1f2025 rgb(31,32,37)
```
#27292f
```
#27292f rgb(39,41,47)
```
#30323a
```
#30323a rgb(48,50,58)
```
#393c45
```
#393c45 rgb(57,60,69)
```
#42454f
```
#42454f rgb(66,69,79)
```
#4b4e5a
```
#4b4e5a rgb(75,78,90)
```
#545765
```
#545765 rgb(84,87,101)
```
#5d616f
```
#5d616f rgb(93,97,111)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#6f7385
```
#6f7385 rgb(111,115,133)
```

Shade Color Variation

#797d8f
```
#797d8f rgb(121,125,143)
```
#838798
```
#838798 rgb(131,135,152)
```
#8e92a0
```
#8e92a0 rgb(142,146,160)
```
#999ca9
```
#999ca9 rgb(153,156,169)
```
#a3a6b2
```
#a3a6b2 rgb(163,166,178)
```
#aeb1bb
```
#aeb1bb rgb(174,177,187)
```
#b9bbc4
```
#b9bbc4 rgb(185,187,196)
```
#c3c5cd
```
#c3c5cd rgb(195,197,205)
```
#ced0d6
```
#ced0d6 rgb(206,208,214)
```
#d9dadf
```
#d9dadf rgb(217,218,223)
```
#e3e4e8
```
#e3e4e8 rgb(227,228,232)
```
#eeeff1
```
#eeeff1 rgb(238,239,241)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

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

#6f6f71
```
#6f6f71 rgb(111,111,113)
```
#666a7a
```
#666a7a rgb(102,106,122)
```
#5d6583
```
#5d6583 rgb(93,101,131)
```
#55608b
```
#55608b rgb(85,96,139)
```
#4c5a94
```
#4c5a94 rgb(76,90,148)
```
#44559c
```
#44559c rgb(68,85,156)
```
#3b50a5
```
#3b50a5 rgb(59,80,165)
```
#324bae
```
#324bae rgb(50,75,174)
```
#2a46b6
```
#2a46b6 rgb(42,70,182)
```
#2141bf
```
#2141bf rgb(33,65,191)
```
#183bc8
```
#183bc8 rgb(24,59,200)
```
#1036d0
```
#1036d0 rgb(16,54,208)
```
#0731d9
```
#0731d9 rgb(7,49,217)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a6b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7180 Protanopia 1% of men
#756f81 Deuteranopia 1% of men
#6c727b Tritanopia 0.001% of the population

Trichromacy

#6c6e7e Protanomaly 1% of men, 0.01% of women
#6f6d7e Deuteranomaly 6% of men, 0.4% of women
#6a6f7a Tritanomaly 0.01% of the population

#666a7a hex color

#666a7a Color Information

#666a7a Color Conversion

Color Schemes with #666a7a

Alternatives to #666a7a

#666a7a Preview

Shades and Tints of #666a7a

Tones of #666a7a

Color Blindness Simulator