#5fa1cb hex color

In a RGB color space, hex #5fa1cb is composed of 37.3% red, 63.1% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 20.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 203.3 degrees, a saturation of 50.9% and a lightness of 58.4%. #5fa1cb color hex could be obtained by blending #beffff with #004397. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 63
- B 80
RGB color chart
- C 53
- M 21
- Y 0
- K 20
CMYK color chart

● #5fa1cb color description : Moderate blue.

The hexadecimal color #5fa1cb has RGB values of R:95, G:161, B:203 and CMYK values of C:0.53, M:0.21, Y:0, K:0.2. Its decimal value is 6267339.

Hex triplet	5fa1cb	`#5fa1cb`
RGB Decimal	95, 161, 203	`rgb(95,161,203)`
RGB Percent	37.3, 63.1, 79.6	`rgb(37.3%,63.1%,79.6%)`
CMYK	53, 21, 0, 20
HSL	203.3°, 50.9, 58.4	`hsl(203.3,50.9%,58.4%)`
HSV (or HSB)	203.3°, 53.2, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.535, -9.178, -27.952
XYZ	28.241, 32.233, 61.23
xyY	0.232, 0.265, 32.233
CIE-LCH	63.535, 29.421, 251.824
CIE-LUV	63.535, -29.239, -42.278
Hunter-Lab	56.774, -10.563, -24.202
Binary	01011111, 10100001, 11001011

#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#cb895f
```
#cb895f rgb(203,137,95)
```

Complementary Color

#5fcbbf
```
#5fcbbf rgb(95,203,191)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#5f6bcb
```
#5f6bcb rgb(95,107,203)
```

Analogous Color

#cbbf5f
```
#cbbf5f rgb(203,191,95)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#cb5f6b
```
#cb5f6b rgb(203,95,107)
```

Split Complementary Color

#a1cb5f
```
#a1cb5f rgb(161,203,95)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#cb5fa1
```
#cb5fa1 rgb(203,95,161)
```

Triadic Color

#5fcb89
```
#5fcb89 rgb(95,203,137)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#cb5fa1
```
#cb5fa1 rgb(203,95,161)
```
#cb895f
```
#cb895f rgb(203,137,95)
```

Tetradic Color

#367ba7
```
#367ba7 rgb(54,123,167)
```
#3d89ba
```
#3d89ba rgb(61,137,186)
```
#4c96c5
```
#4c96c5 rgb(76,150,197)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#72acd1
```
#72acd1 rgb(114,172,209)
```
#85b8d8
```
#85b8d8 rgb(133,184,216)
```
#99c3de
```
#99c3de rgb(153,195,222)
```

Monochromatic Color

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

#5fbccb
```
#5fbccb rgb(95,188,203)
```
#5fb3cb
```
#5fb3cb rgb(95,179,203)
```
#5faacb
```
#5faacb rgb(95,170,203)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#5f98cb
```
#5f98cb rgb(95,152,203)
```
#5f8fcb
```
#5f8fcb rgb(95,143,203)
```
#5f86cb
```
#5f86cb rgb(95,134,203)
```

Similar Colors

Text with hexadecimal color #5fa1cb

This text has a font color of #5fa1cb.

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

#5fa1cb background color

This paragraph has a background color of #5fa1cb.

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

#5fa1cb border color

This element has a border color of #5fa1cb.

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

CSS codes

.text {color:#5fa1cb;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060d12
```
#060d12 rgb(6,13,18)
```
#0b1820
```
#0b1820 rgb(11,24,32)
```
#0f232f
```
#0f232f rgb(15,35,47)
```
#142e3e
```
#142e3e rgb(20,46,62)
```
#19394d
```
#19394d rgb(25,57,77)
```
#1e445c
```
#1e445c rgb(30,68,92)
```
#234f6a
```
#234f6a rgb(35,79,106)
```
#275979
```
#275979 rgb(39,89,121)
```
#2c6488
```
#2c6488 rgb(44,100,136)
```
#316f97
```
#316f97 rgb(49,111,151)
```
#367aa6
```
#367aa6 rgb(54,122,166)
```
#3b85b4
```
#3b85b4 rgb(59,133,180)
```

Shade Color Variation

#4190c1
```
#4190c1 rgb(65,144,193)
```
#5098c6
```
#5098c6 rgb(80,152,198)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#6eaad0
```
#6eaad0 rgb(110,170,208)
```
#7db2d5
```
#7db2d5 rgb(125,178,213)
```
#8bbbd9
```
#8bbbd9 rgb(139,187,217)
```
#9ac4de
```
#9ac4de rgb(154,196,222)
```
#a9cce3
```
#a9cce3 rgb(169,204,227)
```
#b8d5e8
```
#b8d5e8 rgb(184,213,232)
```
#c7deed
```
#c7deed rgb(199,222,237)
```
#d5e7f1
```
#d5e7f1 rgb(213,231,241)
```
#e4eff6
```
#e4eff6 rgb(228,239,246)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#90969a
```
#90969a rgb(144,150,154)
```
#8898a2
```
#8898a2 rgb(136,152,162)
```
#809aaa
```
#809aaa rgb(128,154,170)
```
#779cb3
```
#779cb3 rgb(119,156,179)
```
#6f9dbb
```
#6f9dbb rgb(111,157,187)
```
#679fc3
```
#679fc3 rgb(103,159,195)
```
#5fa1cb
```
#5fa1cb rgb(95,161,203)
```
#57a3d3
```
#57a3d3 rgb(87,163,211)
```
#4fa5db
```
#4fa5db rgb(79,165,219)
```
#47a6e3
```
#47a6e3 rgb(71,166,227)
```
#3ea8ec
```
#3ea8ec rgb(62,168,236)
```
#36aaf4
```
#36aaf4 rgb(54,170,244)
```
#2eacfc
```
#2eacfc rgb(46,172,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#88959d Atypical Achromatopsia 0.001% of the population

Dichromacy

#939dc8 Protanopia 1% of men
#8f9dd1 Deuteranopia 1% of men
#5caab6 Tritanopia 0.001% of the population

Trichromacy

#809ec9 Protanomaly 1% of men, 0.01% of women
#7e9ece Deuteranomaly 6% of men, 0.4% of women
#5da6be Tritanomaly 0.01% of the population

#5fa1cb hex color

#5fa1cb Color Information

#5fa1cb Color Conversion

Color Schemes with #5fa1cb

Alternatives to #5fa1cb

#5fa1cb Preview

Shades and Tints of #5fa1cb

Tones of #5fa1cb

Color Blindness Simulator