#5f8abf hex color

In a RGB color space, hex #5f8abf is composed of 37.3% red, 54.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 27.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 213.1 degrees, a saturation of 42.9% and a lightness of 56.1%. #5f8abf color hex could be obtained by blending #beffff with #00157f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 54
- B 75
RGB color chart
- C 50
- M 28
- Y 0
- K 25
CMYK color chart

● #5f8abf color description : Moderate blue.

The hexadecimal color #5f8abf has RGB values of R:95, G:138, B:191 and CMYK values of C:0.5, M:0.28, Y:0, K:0.25. Its decimal value is 6261439.

Hex triplet	5f8abf	`#5f8abf`
RGB Decimal	95, 138, 191	`rgb(95,138,191)`
RGB Percent	37.3, 54.1, 74.9	`rgb(37.3%,54.1%,74.9%)`
CMYK	50, 28, 0, 25
HSL	213.1°, 42.9, 56.1	`hsl(213.1,42.9%,56.1%)`
HSV (or HSB)	213.1°, 50.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.457, 0.209, -32.172
XYZ	23.21, 24.37, 52.768
xyY	0.231, 0.243, 24.37
CIE-LCH	56.457, 32.172, 270.371
CIE-LUV	56.457, -20.651, -49.477
Hunter-Lab	49.366, -2.469, -28.82
Binary	01011111, 10001010, 10111111

#5f8abf
```
#5f8abf rgb(95,138,191)
```
#bf945f
```
#bf945f rgb(191,148,95)
```

Complementary Color

#5fbabf
```
#5fbabf rgb(95,186,191)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#645fbf
```
#645fbf rgb(100,95,191)
```

Analogous Color

#babf5f
```
#babf5f rgb(186,191,95)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#bf645f
```
#bf645f rgb(191,100,95)
```

Split Complementary Color

#8abf5f
```
#8abf5f rgb(138,191,95)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#bf5f8a
```
#bf5f8a rgb(191,95,138)
```

Triadic Color

#5fbf94
```
#5fbf94 rgb(95,191,148)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#bf5f8a
```
#bf5f8a rgb(191,95,138)
```
#bf945f
```
#bf945f rgb(191,148,95)
```

Tetradic Color

#3c6496
```
#3c6496 rgb(60,100,150)
```
#4370a8
```
#4370a8 rgb(67,112,168)
```
#4d7db8
```
#4d7db8 rgb(77,125,184)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#7197c6
```
#7197c6 rgb(113,151,198)
```
#83a5ce
```
#83a5ce rgb(131,165,206)
```
#96b2d5
```
#96b2d5 rgb(150,178,213)
```

Monochromatic Color

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

#5fa2bf
```
#5fa2bf rgb(95,162,191)
```
#5f9abf
```
#5f9abf rgb(95,154,191)
```
#5f92bf
```
#5f92bf rgb(95,146,191)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#5f82bf
```
#5f82bf rgb(95,130,191)
```
#5f7abf
```
#5f7abf rgb(95,122,191)
```
#5f72bf
```
#5f72bf rgb(95,114,191)
```

Similar Colors

Text with hexadecimal color #5f8abf

This text has a font color of #5f8abf.

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

#5f8abf background color

This paragraph has a background color of #5f8abf.

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

#5f8abf border color

This element has a border color of #5f8abf.

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

CSS codes

.text {color:#5f8abf;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090f16
```
#090f16 rgb(9,15,22)
```
#0e1824
```
#0e1824 rgb(14,24,36)
```
#142232
```
#142232 rgb(20,34,50)
```
#1a2b40
```
#1a2b40 rgb(26,43,64)
```
#1f344e
```
#1f344e rgb(31,52,78)
```
#253e5c
```
#253e5c rgb(37,62,92)
```
#2a476a
```
#2a476a rgb(42,71,106)
```
#305078
```
#305078 rgb(48,80,120)
```
#365a86
```
#365a86 rgb(54,90,134)
```
#3b6394
```
#3b6394 rgb(59,99,148)
```
#416da2
```
#416da2 rgb(65,109,162)
```
#4776b0
```
#4776b0 rgb(71,118,176)
```

Shade Color Variation

#5180b9
```
#5180b9 rgb(81,128,185)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#6d94c5
```
#6d94c5 rgb(109,148,197)
```
#7b9eca
```
#7b9eca rgb(123,158,202)
```
#89a9d0
```
#89a9d0 rgb(137,169,208)
```
#97b3d5
```
#97b3d5 rgb(151,179,213)
```
#a5bddb
```
#a5bddb rgb(165,189,219)
```
#b3c7e1
```
#b3c7e1 rgb(179,199,225)
```
#c1d2e6
```
#c1d2e6 rgb(193,210,230)
```
#cfdcec
```
#cfdcec rgb(207,220,236)
```
#dde6f1
```
#dde6f1 rgb(221,230,241)
```
#ebf0f7
```
#ebf0f7 rgb(235,240,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8e94 is the less saturated color, while #2384fb is the most saturated one.

#8a8e94
```
#8a8e94 rgb(138,142,148)
```
#818e9d
```
#818e9d rgb(129,142,157)
```
#798da5
```
#798da5 rgb(121,141,165)
```
#708cae
```
#708cae rgb(112,140,174)
```
#688bb6
```
#688bb6 rgb(104,139,182)
```
#5f8abf
```
#5f8abf rgb(95,138,191)
```
#5689c8
```
#5689c8 rgb(86,137,200)
```
#4e88d0
```
#4e88d0 rgb(78,136,208)
```
#4587d9
```
#4587d9 rgb(69,135,217)
```
#3d86e1
```
#3d86e1 rgb(61,134,225)
```
#3486ea
```
#3486ea rgb(52,134,234)
```
#2b85f3
```
#2b85f3 rgb(43,133,243)
```
#2384fb
```
#2384fb rgb(35,132,251)
```

Tone Color Variation

Below, you can see how #5f8abf 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

#838383 Achromatopsia 0.005% of the population
#7c848f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8bbf Protanopia 1% of men
#778cc3 Deuteranopia 1% of men
#5996a1 Tritanopia 0.001% of the population

Trichromacy

#728bbf Protanomaly 1% of men, 0.01% of women
#6e8bc2 Deuteranomaly 6% of men, 0.4% of women
#5b92ac Tritanomaly 0.01% of the population

#5f8abf hex color

#5f8abf Color Information

#5f8abf Color Conversion

Color Schemes with #5f8abf

Alternatives to #5f8abf

#5f8abf Preview

Shades and Tints of #5f8abf

Tones of #5f8abf

Color Blindness Simulator