#60667f hex color

In a RGB color space, hex #60667f is composed of 37.6% red, 40% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 19.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 228.4 degrees, a saturation of 13.9% and a lightness of 43.7%. #60667f color hex could be obtained by blending #c0ccfe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 38
- G 40
- B 50
RGB color chart
- C 24
- M 20
- Y 0
- K 50
CMYK color chart

● #60667f color description : Dark grayish blue.

The hexadecimal color #60667f has RGB values of R:96, G:102, B:127 and CMYK values of C:0.24, M:0.2, Y:0, K:0.5. Its decimal value is 6317695.

Hex triplet	60667f	`#60667f`
RGB Decimal	96, 102, 127	`rgb(96,102,127)`
RGB Percent	37.6, 40, 49.8	`rgb(37.6%,40%,49.8%)`
CMYK	24, 20, 0, 50
HSL	228.4°, 13.9, 43.7	`hsl(228.4,13.9%,43.7%)`
HSV (or HSB)	228.4°, 24.4, 49.8
Web Safe	666666	`#666666`

CIE-LAB	43.539, 3.631, -14.672
XYZ	13.405, 13.522, 21.981
xyY	0.274, 0.276, 13.522
CIE-LCH	43.539, 15.115, 283.901
CIE-LUV	43.539, -4.421, -20.976
Hunter-Lab	36.772, 0.722, -9.702
Binary	01100000, 01100110, 01111111

#60667f
```
#60667f rgb(96,102,127)
```
#7f7960
```
#7f7960 rgb(127,121,96)
```

Complementary Color

#60767f
```
#60767f rgb(96,118,127)
```
#60667f
```
#60667f rgb(96,102,127)
```
#6a607f
```
#6a607f rgb(106,96,127)
```

Analogous Color

#767f60
```
#767f60 rgb(118,127,96)
```
#60667f
```
#60667f rgb(96,102,127)
```
#7f6a60
```
#7f6a60 rgb(127,106,96)
```

Split Complementary Color

#667f60
```
#667f60 rgb(102,127,96)
```
#60667f
```
#60667f rgb(96,102,127)
```
#7f6066
```
#7f6066 rgb(127,96,102)
```

Triadic Color

#607f79
```
#607f79 rgb(96,127,121)
```
#60667f
```
#60667f rgb(96,102,127)
```
#7f6066
```
#7f6066 rgb(127,96,102)
```
#7f7960
```
#7f7960 rgb(127,121,96)
```

Tetradic Color

#3f4353
```
#3f4353 rgb(63,67,83)
```
#4a4f62
```
#4a4f62 rgb(74,79,98)
```
#555a70
```
#555a70 rgb(85,90,112)
```
#60667f
```
#60667f rgb(96,102,127)
```
#6b728e
```
#6b728e rgb(107,114,142)
```
#797f99
```
#797f99 rgb(121,127,153)
```
#878da4
```
#878da4 rgb(135,141,164)
```

Monochromatic Color

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

#606e7f
```
#606e7f rgb(96,110,127)
```
#606b7f
```
#606b7f rgb(96,107,127)
```
#60697f
```
#60697f rgb(96,105,127)
```
#60667f
```
#60667f rgb(96,102,127)
```
#60637f
```
#60637f rgb(96,99,127)
```
#60617f
```
#60617f rgb(96,97,127)
```
#62607f
```
#62607f rgb(98,96,127)
```

Similar Colors

Text with hexadecimal color #60667f

This text has a font color of #60667f.

<span style="color:#60667f;">Text here</span>

#60667f background color

This paragraph has a background color of #60667f.

<p style="background-color:#60667f;">Content here</p>

#60667f border color

This element has a border color of #60667f.

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

CSS codes

.text {color:#60667f;}

.background {background-color:#60667f;}

.border {border:1px solid #60667f;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0c0f
```
#0c0c0f rgb(12,12,15)
```
#14151a
```
#14151a rgb(20,21,26)
```
#1c1e26
```
#1c1e26 rgb(28,30,38)
```
#252731
```
#252731 rgb(37,39,49)
```
#2d303c
```
#2d303c rgb(45,48,60)
```
#363947
```
#363947 rgb(54,57,71)
```
#3e4252
```
#3e4252 rgb(62,66,82)
```
#474b5d
```
#474b5d rgb(71,75,93)
```
#4f5469
```
#4f5469 rgb(79,84,105)
```
#585d74
```
#585d74 rgb(88,93,116)
```
#60667f
```
#60667f rgb(96,102,127)
```
#686f8a
```
#686f8a rgb(104,111,138)
```

Shade Color Variation

#727994
```
#727994 rgb(114,121,148)
```
#7d839d
```
#7d839d rgb(125,131,157)
```
#888ea5
```
#888ea5 rgb(136,142,165)
```
#9398ae
```
#9398ae rgb(147,152,174)
```
#9fa3b6
```
#9fa3b6 rgb(159,163,182)
```
#aaaebf
```
#aaaebf rgb(170,174,191)
```
#b5b8c7
```
#b5b8c7 rgb(181,184,199)
```
#c0c3cf
```
#c0c3cf rgb(192,195,207)
```
#cbced8
```
#cbced8 rgb(203,206,216)
```
#d6d8e0
```
#d6d8e0 rgb(214,216,224)
```
#e2e3e9
```
#e2e3e9 rgb(226,227,233)
```
#edeef1
```
#edeef1 rgb(237,238,241)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b76 is the less saturated color, while #022cdd is the most saturated one.

#696b76
```
#696b76 rgb(105,107,118)
```
#60667f
```
#60667f rgb(96,102,127)
```
#576188
```
#576188 rgb(87,97,136)
```
#4f5b90
```
#4f5b90 rgb(79,91,144)
```
#465699
```
#465699 rgb(70,86,153)
```
#3e51a1
```
#3e51a1 rgb(62,81,161)
```
#354caa
```
#354caa rgb(53,76,170)
```
#2d46b2
```
#2d46b2 rgb(45,70,178)
```
#2441bb
```
#2441bb rgb(36,65,187)
```
#1b3cc4
```
#1b3cc4 rgb(27,60,196)
```
#1337cc
```
#1337cc rgb(19,55,204)
```
#0a31d5
```
#0a31d5 rgb(10,49,213)
```
#022cdd
```
#022cdd rgb(2,44,221)
```

Tone Color Variation

Below, you can see how #60667f 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

#676767 Achromatopsia 0.005% of the population
#66676c Atypical Achromatopsia 0.001% of the population

Dichromacy

#686d85 Protanopia 1% of men
#6c6c86 Deuteranopia 1% of men
#657078 Tritanopia 0.001% of the population

Trichromacy

#656a83 Protanomaly 1% of men, 0.01% of women
#676a83 Deuteranomaly 6% of men, 0.4% of women
#636c7a Tritanomaly 0.01% of the population

#60667f hex color

#60667f Color Information

#60667f Color Conversion

Color Schemes with #60667f

Alternatives to #60667f

#60667f Preview

Shades and Tints of #60667f

Tones of #60667f

Color Blindness Simulator