#5f6caf hex color

In a RGB color space, hex #5f6caf is composed of 37.3% red, 42.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 38.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 230.3 degrees, a saturation of 33.3% and a lightness of 52.9%. #5f6caf color hex could be obtained by blending #bed8ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 42
- B 69
RGB color chart
- C 46
- M 38
- Y 0
- K 31
CMYK color chart

● #5f6caf color description : Dark moderate blue.

The hexadecimal color #5f6caf has RGB values of R:95, G:108, B:175 and CMYK values of C:0.46, M:0.38, Y:0, K:0.31. Its decimal value is 6253743.

Hex triplet	5f6caf	`#5f6caf`
RGB Decimal	95, 108, 175	`rgb(95,108,175)`
RGB Percent	37.3, 42.4, 68.6	`rgb(37.3%,42.4%,68.6%)`
CMYK	46, 38, 0, 31
HSL	230.3°, 33.3, 52.9	`hsl(230.3,33.3%,52.9%)`
HSV (or HSB)	230.3°, 45.7, 68.6
Web Safe	666699	`#666699`

CIE-LAB	47.304, 13.299, -37.308
XYZ	17.818, 16.253, 42.753
xyY	0.232, 0.212, 16.253
CIE-LCH	47.304, 39.608, 289.619
CIE-LUV	47.304, -9.241, -57.282
Hunter-Lab	40.314, 8.343, -34.657
Binary	01011111, 01101100, 10101111

#5f6caf
```
#5f6caf rgb(95,108,175)
```
#afa25f
```
#afa25f rgb(175,162,95)
```

Complementary Color

#5f94af
```
#5f94af rgb(95,148,175)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#7a5faf
```
#7a5faf rgb(122,95,175)
```

Analogous Color

#94af5f
```
#94af5f rgb(148,175,95)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#af7a5f
```
#af7a5f rgb(175,122,95)
```

Split Complementary Color

#6caf5f
```
#6caf5f rgb(108,175,95)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#af5f6c
```
#af5f6c rgb(175,95,108)
```

Triadic Color

#5fafa2
```
#5fafa2 rgb(95,175,162)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#af5f6c
```
#af5f6c rgb(175,95,108)
```
#afa25f
```
#afa25f rgb(175,162,95)
```

Tetradic Color

#414b81
```
#414b81 rgb(65,75,129)
```
#495592
```
#495592 rgb(73,85,146)
```
#525fa3
```
#525fa3 rgb(82,95,163)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#707cb8
```
#707cb8 rgb(112,124,184)
```
#818bc0
```
#818bc0 rgb(129,139,192)
```
#929bc9
```
#929bc9 rgb(146,155,201)
```

Monochromatic Color

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

#5f80af
```
#5f80af rgb(95,128,175)
```
#5f79af
```
#5f79af rgb(95,121,175)
```
#5f73af
```
#5f73af rgb(95,115,175)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#5f65af
```
#5f65af rgb(95,101,175)
```
#5f5faf
```
#5f5faf rgb(95,95,175)
```
#665faf
```
#665faf rgb(102,95,175)
```

Similar Colors

Text with hexadecimal color #5f6caf

This text has a font color of #5f6caf.

<span style="color:#5f6caf;">Text here</span>

#5f6caf background color

This paragraph has a background color of #5f6caf.

<p style="background-color:#5f6caf;">Content here</p>

#5f6caf border color

This element has a border color of #5f6caf.

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

CSS codes

.text {color:#5f6caf;}

.background {background-color:#5f6caf;}

.border {border:1px solid #5f6caf;}

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, #05060a is the darkest color, while #fcfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0c0d17
```
#0c0d17 rgb(12,13,23)
```
#121524
```
#121524 rgb(18,21,36)
```
#191d31
```
#191d31 rgb(25,29,49)
```
#1f243e
```
#1f243e rgb(31,36,62)
```
#262c4b
```
#262c4b rgb(38,44,75)
```
#2c3358
```
#2c3358 rgb(44,51,88)
```
#333b66
```
#333b66 rgb(51,59,102)
```
#394373
```
#394373 rgb(57,67,115)
```
#404a80
```
#404a80 rgb(64,74,128)
```
#46528d
```
#46528d rgb(70,82,141)
```
#4d599a
```
#4d599a rgb(77,89,154)
```
#5361a7
```
#5361a7 rgb(83,97,167)
```

Shade Color Variation

#5f6caf
```
#5f6caf rgb(95,108,175)
```
#6c78b6
```
#6c78b6 rgb(108,120,182)
```
#7984bc
```
#7984bc rgb(121,132,188)
```
#8690c3
```
#8690c3 rgb(134,144,195)
```
#939cc9
```
#939cc9 rgb(147,156,201)
```
#a0a8d0
```
#a0a8d0 rgb(160,168,208)
```
#adb4d6
```
#adb4d6 rgb(173,180,214)
```
#bbc0dd
```
#bbc0dd rgb(187,192,221)
```
#c8cce3
```
#c8cce3 rgb(200,204,227)
```
#d5d8ea
```
#d5d8ea rgb(213,216,234)
```
#e2e4f0
```
#e2e4f0 rgb(226,228,240)
```
#eff0f7
```
#eff0f7 rgb(239,240,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#84858a
```
#84858a rgb(132,133,138)
```
#7b7f93
```
#7b7f93 rgb(123,127,147)
```
#71789d
```
#71789d rgb(113,120,157)
```
#6872a6
```
#6872a6 rgb(104,114,166)
```
#5f6caf
```
#5f6caf rgb(95,108,175)
```
#5666b8
```
#5666b8 rgb(86,102,184)
```
#4d60c1
```
#4d60c1 rgb(77,96,193)
```
#4359cb
```
#4359cb rgb(67,89,203)
```
#3a53d4
```
#3a53d4 rgb(58,83,212)
```
#314ddd
```
#314ddd rgb(49,77,221)
```
#2847e6
```
#2847e6 rgb(40,71,230)
```
#1e40f0
```
#1e40f0 rgb(30,64,240)
```
#153af9
```
#153af9 rgb(21,58,249)
```

Tone Color Variation

Below, you can see how #5f6caf 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
#6d6f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e75b4 Protanopia 1% of men
#5777b1 Deuteranopia 1% of men
#577d86 Tritanopia 0.001% of the population

Trichromacy

#5e72b2 Protanomaly 1% of men, 0.01% of women
#5a73b0 Deuteranomaly 6% of men, 0.4% of women
#5a7795 Tritanomaly 0.01% of the population

#5f6caf hex color

#5f6caf Color Information

#5f6caf Color Conversion

Color Schemes with #5f6caf

Alternatives to #5f6caf

#5f6caf Preview

Shades and Tints of #5f6caf

Tones of #5f6caf

Color Blindness Simulator