#5ac4bf hex color

In a RGB color space, hex #5ac4bf is composed of 35.3% red, 76.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 2.6% yellow and 23.1% black. It has a hue angle of 177.2 degrees, a saturation of 47.3% and a lightness of 56.1%. #5ac4bf color hex could be obtained by blending #b4ffff with #00897f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 77
- B 75
RGB color chart
- C 54
- M 0
- Y 3
- K 23
CMYK color chart

● #5ac4bf color description : Moderate cyan.

The hexadecimal color #5ac4bf has RGB values of R:90, G:196, B:191 and CMYK values of C:0.54, M:0, Y:0.03, K:0.23. Its decimal value is 5948607.

Hex triplet	5ac4bf	`#5ac4bf`
RGB Decimal	90, 196, 191	`rgb(90,196,191)`
RGB Percent	35.3, 76.9, 74.9	`rgb(35.3%,76.9%,74.9%)`
CMYK	54, 0, 3, 23
HSL	177.2°, 47.3, 56.1	`hsl(177.2,47.3%,56.1%)`
HSV (or HSB)	177.2°, 54.1, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.163, -31.636, -6.793
XYZ	33.358, 45.413, 56.295
xyY	0.247, 0.336, 45.413
CIE-LCH	73.163, 32.357, 192.118
CIE-LUV	73.163, -44.516, -5.415
Hunter-Lab	67.389, -29.573, -2.357
Binary	01011010, 11000100, 10111111

#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#c45a5f
```
#c45a5f rgb(196,90,95)
```

Complementary Color

#5ac48a
```
#5ac48a rgb(90,196,138)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#5a94c4
```
#5a94c4 rgb(90,148,196)
```

Analogous Color

#c48a5a
```
#c48a5a rgb(196,138,90)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#c45a94
```
#c45a94 rgb(196,90,148)
```

Split Complementary Color

#c4bf5a
```
#c4bf5a rgb(196,191,90)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#bf5ac4
```
#bf5ac4 rgb(191,90,196)
```

Triadic Color

#5fc45a
```
#5fc45a rgb(95,196,90)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#bf5ac4
```
#bf5ac4 rgb(191,90,196)
```
#c45a5f
```
#c45a5f rgb(196,90,95)
```

Tetradic Color

#379a96
```
#379a96 rgb(55,154,150)
```
#3eada8
```
#3eada8 rgb(62,173,168)
```
#47bdb8
```
#47bdb8 rgb(71,189,184)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#6dcbc6
```
#6dcbc6 rgb(109,203,198)
```
#80d1ce
```
#80d1ce rgb(128,209,206)
```
#92d8d5
```
#92d8d5 rgb(146,216,213)
```

Monochromatic Color

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

#5ac4a5
```
#5ac4a5 rgb(90,196,165)
```
#5ac4ad
```
#5ac4ad rgb(90,196,173)
```
#5ac4b6
```
#5ac4b6 rgb(90,196,182)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#5ac0c4
```
#5ac0c4 rgb(90,192,196)
```
#5ab7c4
```
#5ab7c4 rgb(90,183,196)
```
#5aafc4
```
#5aafc4 rgb(90,175,196)
```

Similar Colors

Text with hexadecimal color #5ac4bf

This text has a font color of #5ac4bf.

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

#5ac4bf background color

This paragraph has a background color of #5ac4bf.

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

#5ac4bf border color

This element has a border color of #5ac4bf.

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

CSS codes

.text {color:#5ac4bf;}

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

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

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

#030808
```
#030808 rgb(3,8,8)
```
#081716
```
#081716 rgb(8,23,22)
```
#0d2524
```
#0d2524 rgb(13,37,36)
```
#123432
```
#123432 rgb(18,52,50)
```
#184240
```
#184240 rgb(24,66,64)
```
#1d514e
```
#1d514e rgb(29,81,78)
```
#225f5c
```
#225f5c rgb(34,95,92)
```
#276e6a
```
#276e6a rgb(39,110,106)
```
#2c7c78
```
#2c7c78 rgb(44,124,120)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#379994
```
#379994 rgb(55,153,148)
```
#3ca7a2
```
#3ca7a2 rgb(60,167,162)
```
#41b6b0
```
#41b6b0 rgb(65,182,176)
```

Shade Color Variation

#4cbfb9
```
#4cbfb9 rgb(76,191,185)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#68c9c5
```
#68c9c5 rgb(104,201,197)
```
#77ceca
```
#77ceca rgb(119,206,202)
```
#85d3d0
```
#85d3d0 rgb(133,211,208)
```
#94d9d5
```
#94d9d5 rgb(148,217,213)
```
#a2dedb
```
#a2dedb rgb(162,222,219)
```
#b1e3e1
```
#b1e3e1 rgb(177,227,225)
```
#bfe8e6
```
#bfe8e6 rgb(191,232,230)
```
#ceedec
```
#ceedec rgb(206,237,236)
```
#dcf2f1
```
#dcf2f1 rgb(220,242,241)
```
#eaf8f7
```
#eaf8f7 rgb(234,248,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#8e9090
```
#8e9090 rgb(142,144,144)
```
#859998
```
#859998 rgb(133,153,152)
```
#7ca2a0
```
#7ca2a0 rgb(124,162,160)
```
#74aaa8
```
#74aaa8 rgb(116,170,168)
```
#6bb3af
```
#6bb3af rgb(107,179,175)
```
#63bbb7
```
#63bbb7 rgb(99,187,183)
```
#5ac4bf
```
#5ac4bf rgb(90,196,191)
```
#51cdc7
```
#51cdc7 rgb(81,205,199)
```
#49d5cf
```
#49d5cf rgb(73,213,207)
```
#40ded6
```
#40ded6 rgb(64,222,214)
```
#38e6de
```
#38e6de rgb(56,230,222)
```
#2fefe6
```
#2fefe6 rgb(47,239,230)
```
#26f8ee
```
#26f8ee rgb(38,248,238)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95aaa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b6b9 Protanopia 1% of men
#bfb2c9 Deuteranopia 1% of men
#6ac4d2 Tritanopia 0.001% of the population

Trichromacy

#97bbbb Protanomaly 1% of men, 0.01% of women
#9ab9c5 Deuteranomaly 6% of men, 0.4% of women
#64c4cb Tritanomaly 0.01% of the population

#5ac4bf hex color

#5ac4bf Color Information

#5ac4bf Color Conversion

Color Schemes with #5ac4bf

Alternatives to #5ac4bf

#5ac4bf Preview

Shades and Tints of #5ac4bf

Tones of #5ac4bf

Color Blindness Simulator