#5fa2c2 hex color

In a RGB color space, hex #5fa2c2 is composed of 37.3% red, 63.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 16.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 199.4 degrees, a saturation of 44.8% and a lightness of 56.7%. #5fa2c2 color hex could be obtained by blending #beffff with #004585. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 64
- B 76
RGB color chart
- C 51
- M 16
- Y 0
- K 24
CMYK color chart

● #5fa2c2 color description : Moderate blue.

The hexadecimal color #5fa2c2 has RGB values of R:95, G:162, B:194 and CMYK values of C:0.51, M:0.16, Y:0, K:0.24. Its decimal value is 6267586.

Hex triplet	5fa2c2	`#5fa2c2`
RGB Decimal	95, 162, 194	`rgb(95,162,194)`
RGB Percent	37.3, 63.5, 76.1	`rgb(37.3%,63.5%,76.1%)`
CMYK	51, 16, 0, 24
HSL	199.4°, 44.8, 56.7	`hsl(199.4,44.8%,56.7%)`
HSV (or HSB)	199.4°, 51, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.481, -12.391, -23.016
XYZ	27.375, 32.167, 55.802
xyY	0.237, 0.279, 32.167
CIE-LCH	63.481, 26.14, 241.704
CIE-LUV	63.481, -29.846, -33.745
Hunter-Lab	56.716, -13.097, -18.634
Binary	01011111, 10100010, 11000010

#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#c27f5f
```
#c27f5f rgb(194,127,95)
```

Complementary Color

#5fc2b1
```
#5fc2b1 rgb(95,194,177)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#5f71c2
```
#5f71c2 rgb(95,113,194)
```

Analogous Color

#c2b15f
```
#c2b15f rgb(194,177,95)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#c25f71
```
#c25f71 rgb(194,95,113)
```

Split Complementary Color

#a2c25f
```
#a2c25f rgb(162,194,95)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#c25fa2
```
#c25fa2 rgb(194,95,162)
```

Triadic Color

#5fc27f
```
#5fc27f rgb(95,194,127)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#c25fa2
```
#c25fa2 rgb(194,95,162)
```
#c27f5f
```
#c27f5f rgb(194,127,95)
```

Tetradic Color

#3b7b9a
```
#3b7b9a rgb(59,123,154)
```
#428aac
```
#428aac rgb(66,138,172)
```
#4d97bb
```
#4d97bb rgb(77,151,187)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#71adc9
```
#71adc9 rgb(113,173,201)
```
#84b7d0
```
#84b7d0 rgb(132,183,208)
```
#96c2d7
```
#96c2d7 rgb(150,194,215)
```

Monochromatic Color

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

#5fbbc2
```
#5fbbc2 rgb(95,187,194)
```
#5fb3c2
```
#5fb3c2 rgb(95,179,194)
```
#5faac2
```
#5faac2 rgb(95,170,194)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#5f9ac2
```
#5f9ac2 rgb(95,154,194)
```
#5f92c2
```
#5f92c2 rgb(95,146,194)
```
#5f89c2
```
#5f89c2 rgb(95,137,194)
```

Similar Colors

Text with hexadecimal color #5fa2c2

This text has a font color of #5fa2c2.

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

#5fa2c2 background color

This paragraph has a background color of #5fa2c2.

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

#5fa2c2 border color

This element has a border color of #5fa2c2.

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

CSS codes

.text {color:#5fa2c2;}

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

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

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

#04080a
```
#04080a rgb(4,8,10)
```
#091419
```
#091419 rgb(9,20,25)
```
#0f1f27
```
#0f1f27 rgb(15,31,39)
```
#142a35
```
#142a35 rgb(20,42,53)
```
#1a3643
```
#1a3643 rgb(26,54,67)
```
#1f4151
```
#1f4151 rgb(31,65,81)
```
#244c60
```
#244c60 rgb(36,76,96)
```
#2a586e
```
#2a586e rgb(42,88,110)
```
#2f637c
```
#2f637c rgb(47,99,124)
```
#356f8a
```
#356f8a rgb(53,111,138)
```
#3a7a98
```
#3a7a98 rgb(58,122,152)
```
#4085a7
```
#4085a7 rgb(64,133,167)
```
#4591b5
```
#4591b5 rgb(69,145,181)
```

Shade Color Variation

#519abd
```
#519abd rgb(81,154,189)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#6daac7
```
#6daac7 rgb(109,170,199)
```
#7bb3cd
```
#7bb3cd rgb(123,179,205)
```
#8abbd2
```
#8abbd2 rgb(138,187,210)
```
#98c3d8
```
#98c3d8 rgb(152,195,216)
```
#a6cbdd
```
#a6cbdd rgb(166,203,221)
```
#b4d4e2
```
#b4d4e2 rgb(180,212,226)
```
#c2dce8
```
#c2dce8 rgb(194,220,232)
```
#d1e4ed
```
#d1e4ed rgb(209,228,237)
```
#dfecf3
```
#dfecf3 rgb(223,236,243)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#8a9398
```
#8a9398 rgb(138,147,152)
```
#8196a0
```
#8196a0 rgb(129,150,160)
```
#7999a9
```
#7999a9 rgb(121,153,169)
```
#709cb1
```
#709cb1 rgb(112,156,177)
```
#689fba
```
#689fba rgb(104,159,186)
```
#5fa2c2
```
#5fa2c2 rgb(95,162,194)
```
#57a5cb
```
#57a5cb rgb(87,165,203)
```
#4ea8d3
```
#4ea8d3 rgb(78,168,211)
```
#46abdc
```
#46abdc rgb(70,171,220)
```
#3daee4
```
#3daee4 rgb(61,174,228)
```
#35b1ed
```
#35b1ed rgb(53,177,237)
```
#2cb4f5
```
#2cb4f5 rgb(44,180,245)
```
#24b7fe
```
#24b7fe rgb(36,183,254)
```

Tone Color Variation

Below, you can see how #5fa2c2 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
#88959c Atypical Achromatopsia 0.001% of the population

Dichromacy

#969dbf Protanopia 1% of men
#959cc9 Deuteranopia 1% of men
#60a9b5 Tritanopia 0.001% of the population

Trichromacy

#829fc0 Protanomaly 1% of men, 0.01% of women
#819ec6 Deuteranomaly 6% of men, 0.4% of women
#60a6ba Tritanomaly 0.01% of the population

#5fa2c2 hex color

#5fa2c2 Color Information

#5fa2c2 Color Conversion

Color Schemes with #5fa2c2

Alternatives to #5fa2c2

#5fa2c2 Preview

Shades and Tints of #5fa2c2

Tones of #5fa2c2

Color Blindness Simulator