colorhexa.com

#4bae9f hex color

In a RGB color space, hex #4bae9f is composed of 29.4% red, 68.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 8.6% yellow and 31.8% black. It has a hue angle of 170.9 degrees, a saturation of 39.8% and a lightness of 48.8%. #4bae9f color hex could be obtained by blending #96ffff with #005d3f. Closest websafe color is: #339999.

- R 29
- G 68
- B 62
RGB color chart
- C 57
- M 0
- Y 9
- K 32
CMYK color chart

● #4bae9f color description : Dark moderate cyan.

The hexadecimal color #4bae9f has RGB values of R:75, G:174, B:159 and CMYK values of C:0.57, M:0, Y:0.09, K:0.32. Its decimal value is 4959903.

Hex triplet	4bae9f	`#4bae9f`
RGB Decimal	75, 174, 159	`rgb(75,174,159)`
RGB Percent	29.4, 68.2, 62.4	`rgb(29.4%,68.2%,62.4%)`
CMYK	57, 0, 9, 32
HSL	170.9°, 39.8, 48.8	`hsl(170.9,39.8%,48.8%)`
HSV (or HSB)	170.9°, 56.9, 68.2
Web Safe	339999	`#339999`

CIE-LAB	65.176, -32.582, -1.018
XYZ	24.294, 34.269, 38.133
xyY	0.251, 0.354, 34.269
CIE-LCH	65.176, 32.598, 181.789
CIE-LUV	65.176, -41.488, 3.537
Hunter-Lab	58.54, -28.368, 2.356
Binary	01001011, 10101110, 10011111

#4bae9f
```
#4bae9f rgb(75,174,159)
```
#ae4b5a
```
#ae4b5a rgb(174,75,90)
```

Complementary Color

#4bae6e
```
#4bae6e rgb(75,174,110)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#4b8cae
```
#4b8cae rgb(75,140,174)
```

Analogous Color

#ae6e4b
```
#ae6e4b rgb(174,110,75)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#ae4b8c
```
#ae4b8c rgb(174,75,140)
```

Split Complementary Color

#ae9f4b
```
#ae9f4b rgb(174,159,75)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#9f4bae
```
#9f4bae rgb(159,75,174)
```

Triadic Color

#5aae4b
```
#5aae4b rgb(90,174,75)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#9f4bae
```
#9f4bae rgb(159,75,174)
```
#ae4b5a
```
#ae4b5a rgb(174,75,90)
```

Tetradic Color

#34796e
```
#34796e rgb(52,121,110)
```
#3c8a7e
```
#3c8a7e rgb(60,138,126)
```
#439c8f
```
#439c8f rgb(67,156,143)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#5ab8aa
```
#5ab8aa rgb(90,184,170)
```
#6cc0b3
```
#6cc0b3 rgb(108,192,179)
```
#7ec7bc
```
#7ec7bc rgb(126,199,188)
```

Monochromatic Color

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

#4bae86
```
#4bae86 rgb(75,174,134)
```
#4bae8f
```
#4bae8f rgb(75,174,143)
```
#4bae97
```
#4bae97 rgb(75,174,151)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#4baea7
```
#4baea7 rgb(75,174,167)
```
#4badae
```
#4badae rgb(75,173,174)
```
#4ba4ae
```
#4ba4ae rgb(75,164,174)
```

Similar Colors

Text with hexadecimal color #4bae9f

This text has a font color of #4bae9f.

<span style="color:#4bae9f;">Text here</span>

#4bae9f background color

This paragraph has a background color of #4bae9f.

<p style="background-color:#4bae9f;">Content here</p>

#4bae9f border color

This element has a border color of #4bae9f.

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

CSS codes

.text {color:#4bae9f;}

.background {background-color:#4bae9f;}

.border {border:1px solid #4bae9f;}

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, #040a09 is the darkest color, while #fbfdfd is the lightest one.

#040a09
```
#040a09 rgb(4,10,9)
```
#0a1715
```
#0a1715 rgb(10,23,21)
```
#102522
```
#102522 rgb(16,37,34)
```
#16332e
```
#16332e rgb(22,51,46)
```
#1c403b
```
#1c403b rgb(28,64,59)
```
#224e47
```
#224e47 rgb(34,78,71)
```
#285c54
```
#285c54 rgb(40,92,84)
```
#2d6960
```
#2d6960 rgb(45,105,96)
```
#33776d
```
#33776d rgb(51,119,109)
```
#398579
```
#398579 rgb(57,133,121)
```
#3f9386
```
#3f9386 rgb(63,147,134)
```
#45a092
```
#45a092 rgb(69,160,146)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```

Shade Color Variation

#56b6a8
```
#56b6a8 rgb(86,182,168)
```
#64bcaf
```
#64bcaf rgb(100,188,175)
```
#72c2b6
```
#72c2b6 rgb(114,194,182)
```
#7fc8bd
```
#7fc8bd rgb(127,200,189)
```
#8dcec4
```
#8dcec4 rgb(141,206,196)
```
#9bd4cb
```
#9bd4cb rgb(155,212,203)
```
#a9dad2
```
#a9dad2 rgb(169,218,210)
```
#b6e0d9
```
#b6e0d9 rgb(182,224,217)
```
#c4e6e0
```
#c4e6e0 rgb(196,230,224)
```
#d2ebe8
```
#d2ebe8 rgb(210,235,232)
```
#dff1ef
```
#dff1ef rgb(223,241,239)
```
#edf7f6
```
#edf7f6 rgb(237,247,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#7b7e7e
```
#7b7e7e rgb(123,126,126)
```
#718884
```
#718884 rgb(113,136,132)
```
#68918b
```
#68918b rgb(104,145,139)
```
#5e9b92
```
#5e9b92 rgb(94,155,146)
```
#55a498
```
#55a498 rgb(85,164,152)
```
#4bae9f
```
#4bae9f rgb(75,174,159)
```
#41b8a6
```
#41b8a6 rgb(65,184,166)
```
#38c1ac
```
#38c1ac rgb(56,193,172)
```
#2ecbb3
```
#2ecbb3 rgb(46,203,179)
```
#25d4ba
```
#25d4ba rgb(37,212,186)
```
#1bdec0
```
#1bdec0 rgb(27,222,192)
```
#12e7c7
```
#12e7c7 rgb(18,231,199)
```
#08f1ce
```
#08f1ce rgb(8,241,206)
```

Tone Color Variation

Below, you can see how #4bae9f 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

#8f8f8f Achromatopsia 0.005% of the population
#819592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a29b Protanopia 1% of men
#ae9eaa Deuteranopia 1% of men
#5eaebb Tritanopia 0.001% of the population

Trichromacy

#86a69d Protanomaly 1% of men, 0.01% of women
#8aa4a6 Deuteranomaly 6% of men, 0.4% of women
#57aeb1 Tritanomaly 0.01% of the population