#5fa298 hex color

In a RGB color space, hex #5fa298 is composed of 37.3% red, 63.5% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 0% magenta, 6.2% yellow and 36.5% black. It has a hue angle of 171 degrees, a saturation of 26.5% and a lightness of 50.4%. #5fa298 color hex could be obtained by blending #beffff with #004531. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 64
- B 60
RGB color chart
- C 41
- M 0
- Y 6
- K 36
CMYK color chart

● #5fa298 color description : Mostly desaturated dark cyan.

The hexadecimal color #5fa298 has RGB values of R:95, G:162, B:152 and CMYK values of C:0.41, M:0, Y:0.06, K:0.36. Its decimal value is 6267544.

Hex triplet	5fa298	`#5fa298`
RGB Decimal	95, 162, 152	`rgb(95,162,152)`
RGB Percent	37.3, 63.5, 59.6	`rgb(37.3%,63.5%,59.6%)`
CMYK	41, 0, 6, 36
HSL	171°, 26.5, 50.4	`hsl(171,26.5%,50.4%)`
HSV (or HSB)	171°, 41.4, 63.5
Web Safe	669999	`#669999`

CIE-LAB	62.117, -23.759, -1.494
XYZ	23.306, 30.539, 34.371
xyY	0.264, 0.346, 30.539
CIE-LCH	62.117, 23.806, 183.597
CIE-LUV	62.117, -30.969, 1.53
Hunter-Lab	55.262, -21.431, 1.808
Binary	01011111, 10100010, 10011000

#5fa298
```
#5fa298 rgb(95,162,152)
```
#a25f69
```
#a25f69 rgb(162,95,105)
```

Complementary Color

#5fa277
```
#5fa277 rgb(95,162,119)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#5f8ba2
```
#5f8ba2 rgb(95,139,162)
```

Analogous Color

#a2775f
```
#a2775f rgb(162,119,95)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#a25f8b
```
#a25f8b rgb(162,95,139)
```

Split Complementary Color

#a2985f
```
#a2985f rgb(162,152,95)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#985fa2
```
#985fa2 rgb(152,95,162)
```

Triadic Color

#69a25f
```
#69a25f rgb(105,162,95)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#985fa2
```
#985fa2 rgb(152,95,162)
```
#a25f69
```
#a25f69 rgb(162,95,105)
```

Tetradic Color

#42726b
```
#42726b rgb(66,114,107)
```
#4c827a
```
#4c827a rgb(76,130,122)
```
#559289
```
#559289 rgb(85,146,137)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#6faba2
```
#6faba2 rgb(111,171,162)
```
#7fb5ad
```
#7fb5ad rgb(127,181,173)
```
#8fbeb7
```
#8fbeb7 rgb(143,190,183)
```

Monochromatic Color

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

#5fa287
```
#5fa287 rgb(95,162,135)
```
#5fa28d
```
#5fa28d rgb(95,162,141)
```
#5fa292
```
#5fa292 rgb(95,162,146)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#5fa29e
```
#5fa29e rgb(95,162,158)
```
#5fa1a2
```
#5fa1a2 rgb(95,161,162)
```
#5f9ba2
```
#5f9ba2 rgb(95,155,162)
```

Similar Colors

Text with hexadecimal color #5fa298

This text has a font color of #5fa298.

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

#5fa298 background color

This paragraph has a background color of #5fa298.

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

#5fa298 border color

This element has a border color of #5fa298.

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

CSS codes

.text {color:#5fa298;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0d
```
#080e0d rgb(8,14,13)
```
#0f1a18
```
#0f1a18 rgb(15,26,24)
```
#162624
```
#162624 rgb(22,38,36)
```
#1e3330
```
#1e3330 rgb(30,51,48)
```
#253f3b
```
#253f3b rgb(37,63,59)
```
#2c4c47
```
#2c4c47 rgb(44,76,71)
```
#335853
```
#335853 rgb(51,88,83)
```
#3a655e
```
#3a655e rgb(58,101,94)
```
#42716a
```
#42716a rgb(66,113,106)
```
#497d75
```
#497d75 rgb(73,125,117)
```
#508a81
```
#508a81 rgb(80,138,129)
```
#57968d
```
#57968d rgb(87,150,141)
```

Shade Color Variation

#5fa298
```
#5fa298 rgb(95,162,152)
```
#6ba9a0
```
#6ba9a0 rgb(107,169,160)
```
#78b0a8
```
#78b0a8 rgb(120,176,168)
```
#84b8b0
```
#84b8b0 rgb(132,184,176)
```
#91bfb8
```
#91bfb8 rgb(145,191,184)
```
#9dc6c0
```
#9dc6c0 rgb(157,198,192)
```
#a9cdc8
```
#a9cdc8 rgb(169,205,200)
```
#b6d4d0
```
#b6d4d0 rgb(182,212,208)
```
#c2dcd8
```
#c2dcd8 rgb(194,220,216)
```
#cfe3e0
```
#cfe3e0 rgb(207,227,224)
```
#dbeae8
```
#dbeae8 rgb(219,234,232)
```
#e7f1f0
```
#e7f1f0 rgb(231,241,240)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8584 is the less saturated color, while #07fad5 is the most saturated one.

#7c8584
```
#7c8584 rgb(124,133,132)
```
#728f8a
```
#728f8a rgb(114,143,138)
```
#699891
```
#699891 rgb(105,152,145)
```
#5fa298
```
#5fa298 rgb(95,162,152)
```
#55ac9f
```
#55ac9f rgb(85,172,159)
```
#4cb5a6
```
#4cb5a6 rgb(76,181,166)
```
#42bfac
```
#42bfac rgb(66,191,172)
```
#38c9b3
```
#38c9b3 rgb(56,201,179)
```
#2ed3ba
```
#2ed3ba rgb(46,211,186)
```
#25dcc1
```
#25dcc1 rgb(37,220,193)
```
#1be6c8
```
#1be6c8 rgb(27,230,200)
```
#11f0cf
```
#11f0cf rgb(17,240,207)
```
#07fad5
```
#07fad5 rgb(7,250,213)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#84918f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9a97 Protanopia 1% of men
#a697a2 Deuteranopia 1% of men
#6da3af Tritanopia 0.001% of the population

Trichromacy

#879d97 Protanomaly 1% of men, 0.01% of women
#8c9b9e Deuteranomaly 6% of men, 0.4% of women
#68a3a7 Tritanomaly 0.01% of the population

#5fa298 hex color

#5fa298 Color Information

#5fa298 Color Conversion

Color Schemes with #5fa298

Alternatives to #5fa298

#5fa298 Preview

Shades and Tints of #5fa298

Tones of #5fa298

Color Blindness Simulator