#5fa2b2 hex color

In a RGB color space, hex #5fa2b2 is composed of 37.3% red, 63.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 9% magenta, 0% yellow and 30.2% black. It has a hue angle of 191.6 degrees, a saturation of 35% and a lightness of 53.5%. #5fa2b2 color hex could be obtained by blending #beffff with #004565. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 64
- B 70
RGB color chart
- C 47
- M 9
- Y 0
- K 30
CMYK color chart

● #5fa2b2 color description : Dark moderate cyan.

The hexadecimal color #5fa2b2 has RGB values of R:95, G:162, B:178 and CMYK values of C:0.47, M:0.09, Y:0, K:0.3. Its decimal value is 6267570.

Hex triplet	5fa2b2	`#5fa2b2`
RGB Decimal	95, 162, 178	`rgb(95,162,178)`
RGB Percent	37.3, 63.5, 69.8	`rgb(37.3%,63.5%,69.8%)`
CMYK	47, 9, 0, 30
HSL	191.6°, 35, 53.5	`hsl(191.6,35%,53.5%)`
HSV (or HSB)	191.6°, 46.6, 69.8
Web Safe	669999	`#669999`

CIE-LAB	62.916, -16.945, -14.918
XYZ	25.673, 31.486, 46.842
xyY	0.247, 0.303, 31.486
CIE-LCH	62.916, 22.576, 221.36
CIE-LUV	62.916, -30.265, -20.051
Hunter-Lab	56.113, -16.528, -10.215
Binary	01011111, 10100010, 10110010

#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#b26f5f
```
#b26f5f rgb(178,111,95)
```

Complementary Color

#5fb299
```
#5fb299 rgb(95,178,153)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#5f79b2
```
#5f79b2 rgb(95,121,178)
```

Analogous Color

#b2995f
```
#b2995f rgb(178,153,95)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#b25f79
```
#b25f79 rgb(178,95,121)
```

Split Complementary Color

#a2b25f
```
#a2b25f rgb(162,178,95)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#b25fa2
```
#b25fa2 rgb(178,95,162)
```

Triadic Color

#5fb26f
```
#5fb26f rgb(95,178,111)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#b25fa2
```
#b25fa2 rgb(178,95,162)
```
#b26f5f
```
#b26f5f rgb(178,111,95)
```

Tetradic Color

#407785
```
#407785 rgb(64,119,133)
```
#488796
```
#488796 rgb(72,135,150)
```
#5096a7
```
#5096a7 rgb(80,150,167)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#70acba
```
#70acba rgb(112,172,186)
```
#81b6c3
```
#81b6c3 rgb(129,182,195)
```
#93c0cb
```
#93c0cb rgb(147,192,203)
```

Monochromatic Color

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

#5fb2ad
```
#5fb2ad rgb(95,178,173)
```
#5fb0b2
```
#5fb0b2 rgb(95,176,178)
```
#5fa9b2
```
#5fa9b2 rgb(95,169,178)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#5f9bb2
```
#5f9bb2 rgb(95,155,178)
```
#5f94b2
```
#5f94b2 rgb(95,148,178)
```
#5f8db2
```
#5f8db2 rgb(95,141,178)
```

Similar Colors

Text with hexadecimal color #5fa2b2

This text has a font color of #5fa2b2.

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

#5fa2b2 background color

This paragraph has a background color of #5fa2b2.

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

#5fa2b2 border color

This element has a border color of #5fa2b2.

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

CSS codes

.text {color:#5fa2b2;}

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

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

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, #060b0c is the darkest color, while #fefefe is the lightest one.

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c1719
```
#0c1719 rgb(12,23,25)
```
#132327
```
#132327 rgb(19,35,39)
```
#192f34
```
#192f34 rgb(25,47,52)
```
#1f3b41
```
#1f3b41 rgb(31,59,65)
```
#26474e
```
#26474e rgb(38,71,78)
```
#2c525c
```
#2c525c rgb(44,82,92)
```
#325e69
```
#325e69 rgb(50,94,105)
```
#396a76
```
#396a76 rgb(57,106,118)
```
#3f7683
```
#3f7683 rgb(63,118,131)
```
#468291
```
#468291 rgb(70,130,145)
```
#4c8e9e
```
#4c8e9e rgb(76,142,158)
```
#529aab
```
#529aab rgb(82,154,171)
```

Shade Color Variation

#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#6caab8
```
#6caab8 rgb(108,170,184)
```
#79b1bf
```
#79b1bf rgb(121,177,191)
```
#87b9c5
```
#87b9c5 rgb(135,185,197)
```
#94c1cb
```
#94c1cb rgb(148,193,203)
```
#a1c8d2
```
#a1c8d2 rgb(161,200,210)
```
#aed0d8
```
#aed0d8 rgb(174,208,216)
```
#bcd8df
```
#bcd8df rgb(188,216,223)
```
#c9e0e5
```
#c9e0e5 rgb(201,224,229)
```
#d6e7eb
```
#d6e7eb rgb(214,231,235)
```
#e3eff2
```
#e3eff2 rgb(227,239,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c8e is the less saturated color, while #16cffb is the most saturated one.

#838c8e
```
#838c8e rgb(131,140,142)
```
#7a9197
```
#7a9197 rgb(122,145,151)
```
#7197a0
```
#7197a0 rgb(113,151,160)
```
#689ca9
```
#689ca9 rgb(104,156,169)
```
#5fa2b2
```
#5fa2b2 rgb(95,162,178)
```
#56a8bb
```
#56a8bb rgb(86,168,187)
```
#4dadc4
```
#4dadc4 rgb(77,173,196)
```
#44b3cd
```
#44b3cd rgb(68,179,205)
```
#3bb8d6
```
#3bb8d6 rgb(59,184,214)
```
#31bee0
```
#31bee0 rgb(49,190,224)
```
#28c4e9
```
#28c4e9 rgb(40,196,233)
```
#1fc9f2
```
#1fc9f2 rgb(31,201,242)
```
#16cffb
```
#16cffb rgb(22,207,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#869497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9caf Protanopia 1% of men
#9d9aba Deuteranopia 1% of men
#66a7b3 Tritanopia 0.001% of the population

Trichromacy

#849eb0 Protanomaly 1% of men, 0.01% of women
#869db7 Deuteranomaly 6% of men, 0.4% of women
#63a5b2 Tritanomaly 0.01% of the population

#5fa2b2 hex color

#5fa2b2 Color Information

#5fa2b2 Color Conversion

Color Schemes with #5fa2b2

Alternatives to #5fa2b2

#5fa2b2 Preview

Shades and Tints of #5fa2b2

Tones of #5fa2b2

Color Blindness Simulator