#5fb1b4 hex color

In a RGB color space, hex #5fb1b4 is composed of 37.3% red, 69.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 1.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 182.1 degrees, a saturation of 36.2% and a lightness of 53.9%. #5fb1b4 color hex could be obtained by blending #beffff with #006369. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 69
- B 71
RGB color chart
- C 47
- M 2
- Y 0
- K 29
CMYK color chart

● #5fb1b4 color description : Slightly desaturated cyan.

The hexadecimal color #5fb1b4 has RGB values of R:95, G:177, B:180 and CMYK values of C:0.47, M:0.02, Y:0, K:0.29. Its decimal value is 6271412.

Hex triplet	5fb1b4	`#5fb1b4`
RGB Decimal	95, 177, 180	`rgb(95,177,180)`
RGB Percent	37.3, 69.4, 70.6	`rgb(37.3%,69.4%,70.6%)`
CMYK	47, 2, 0, 29
HSL	182.1°, 36.2, 53.9	`hsl(182.1,36.2%,53.9%)`
HSV (or HSB)	182.1°, 47.2, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.405, -24.149, -9.297
XYZ	28.677, 37.171, 48.841
xyY	0.25, 0.324, 37.171
CIE-LCH	67.405, 25.877, 201.056
CIE-LUV	67.405, -36.185, -10.335
Hunter-Lab	60.968, -22.732, -4.82
Binary	01011111, 10110001, 10110100

#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#b4625f
```
#b4625f rgb(180,98,95)
```

Complementary Color

#5fb48d
```
#5fb48d rgb(95,180,141)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#5f87b4
```
#5f87b4 rgb(95,135,180)
```

Analogous Color

#b48d5f
```
#b48d5f rgb(180,141,95)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#b45f87
```
#b45f87 rgb(180,95,135)
```

Split Complementary Color

#b1b45f
```
#b1b45f rgb(177,180,95)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#b45fb1
```
#b45fb1 rgb(180,95,177)
```

Triadic Color

#5fb462
```
#5fb462 rgb(95,180,98)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#b45fb1
```
#b45fb1 rgb(180,95,177)
```
#b4625f
```
#b4625f rgb(180,98,95)
```

Tetradic Color

#3f8587
```
#3f8587 rgb(63,133,135)
```
#479699
```
#479699 rgb(71,150,153)
```
#50a7aa
```
#50a7aa rgb(80,167,170)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#70b9bc
```
#70b9bc rgb(112,185,188)
```
#82c2c4
```
#82c2c4 rgb(130,194,196)
```
#93cacc
```
#93cacc rgb(147,202,204)
```

Monochromatic Color

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

#5fb4a2
```
#5fb4a2 rgb(95,180,162)
```
#5fb4a9
```
#5fb4a9 rgb(95,180,169)
```
#5fb4b0
```
#5fb4b0 rgb(95,180,176)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#5faab4
```
#5faab4 rgb(95,170,180)
```
#5fa3b4
```
#5fa3b4 rgb(95,163,180)
```
#5f9cb4
```
#5f9cb4 rgb(95,156,180)
```

Similar Colors

Text with hexadecimal color #5fb1b4

This text has a font color of #5fb1b4.

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

#5fb1b4 background color

This paragraph has a background color of #5fb1b4.

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

#5fb1b4 border color

This element has a border color of #5fb1b4.

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

CSS codes

.text {color:#5fb1b4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060d0e
```
#060d0e rgb(6,13,14)
```
#0d1a1b
```
#0d1a1b rgb(13,26,27)
```
#132828
```
#132828 rgb(19,40,40)
```
#193536
```
#193536 rgb(25,53,54)
```
#1f4243
```
#1f4243 rgb(31,66,67)
```
#264f50
```
#264f50 rgb(38,79,80)
```
#2c5c5e
```
#2c5c5e rgb(44,92,94)
```
#32696b
```
#32696b rgb(50,105,107)
```
#387678
```
#387678 rgb(56,118,120)
```
#3f8386
```
#3f8386 rgb(63,131,134)
```
#459093
```
#459093 rgb(69,144,147)
```
#4b9ea1
```
#4b9ea1 rgb(75,158,161)
```

Shade Color Variation

#52aaae
```
#52aaae rgb(82,170,174)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#6cb8ba
```
#6cb8ba rgb(108,184,186)
```
#7abec1
```
#7abec1 rgb(122,190,193)
```
#87c5c7
```
#87c5c7 rgb(135,197,199)
```
#94cbcd
```
#94cbcd rgb(148,203,205)
```
#a2d2d3
```
#a2d2d3 rgb(162,210,211)
```
#afd8da
```
#afd8da rgb(175,216,218)
```
#bcdfe0
```
#bcdfe0 rgb(188,223,224)
```
#cae5e6
```
#cae5e6 rgb(202,229,230)
```
#d7ecec
```
#d7ecec rgb(215,236,236)
```
#e5f2f3
```
#e5f2f3 rgb(229,242,243)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```

Tint Color Variation

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

#838f90
```
#838f90 rgb(131,143,144)
```
#7a9899
```
#7a9899 rgb(122,152,153)
```
#71a0a2
```
#71a0a2 rgb(113,160,162)
```
#68a9ab
```
#68a9ab rgb(104,169,171)
```
#5fb1b4
```
#5fb1b4 rgb(95,177,180)
```
#56b9bd
```
#56b9bd rgb(86,185,189)
```
#4dc2c6
```
#4dc2c6 rgb(77,194,198)
```
#44cacf
```
#44cacf rgb(68,202,207)
```
#3bd3d8
```
#3bd3d8 rgb(59,211,216)
```
#32dbe1
```
#32dbe1 rgb(50,219,225)
```
#29e3ea
```
#29e3ea rgb(41,227,234)
```
#20ecf3
```
#20ecf3 rgb(32,236,243)
```
#17f4fc
```
#17f4fc rgb(23,244,252)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8d9e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a7b0 Protanopia 1% of men
#aea4bd Deuteranopia 1% of men
#6ab3c0 Tritanopia 0.001% of the population

Trichromacy

#8eabb1 Protanomaly 1% of men, 0.01% of women
#91a9ba Deuteranomaly 6% of men, 0.4% of women
#66b2bc Tritanomaly 0.01% of the population

#5fb1b4 hex color

#5fb1b4 Color Information

#5fb1b4 Color Conversion

Color Schemes with #5fb1b4

Alternatives to #5fb1b4

#5fb1b4 Preview

Shades and Tints of #5fb1b4

Tones of #5fb1b4

Color Blindness Simulator