#23af8e hex color

In a RGB color space, hex #23af8e is composed of 13.7% red, 68.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 165.9 degrees, a saturation of 66.7% and a lightness of 41.2%. #23af8e color hex could be obtained by blending #46ffff with #005f1d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 14
- G 69
- B 56
RGB color chart
- C 80
- M 0
- Y 19
- K 31
CMYK color chart

● #23af8e color description : Dark cyan.

The hexadecimal color #23af8e has RGB values of R:35, G:175, B:142 and CMYK values of C:0.8, M:0, Y:0.19, K:0.31. Its decimal value is 2338702.

Hex triplet	23af8e	`#23af8e`
RGB Decimal	35, 175, 142	`rgb(35,175,142)`
RGB Percent	13.7, 68.6, 55.7	`rgb(13.7%,68.6%,55.7%)`
CMYK	80, 0, 19, 31
HSL	165.9°, 66.7, 41.2	`hsl(165.9,66.7%,41.2%)`
HSV (or HSB)	165.9°, 80, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.135, -43.601, 6.802
XYZ	20.904, 32.968, 30.851
xyY	0.247, 0.389, 32.968
CIE-LCH	64.135, 44.129, 171.133
CIE-LUV	64.135, -50.284, 16.421
Hunter-Lab	57.418, -35.496, 8.335
Binary	00100011, 10101111, 10001110

#23af8e
```
#23af8e rgb(35,175,142)
```
#af2344
```
#af2344 rgb(175,35,68)
```

Complementary Color

#23af48
```
#23af48 rgb(35,175,72)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#238aaf
```
#238aaf rgb(35,138,175)
```

Analogous Color

#af4823
```
#af4823 rgb(175,72,35)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#af238a
```
#af238a rgb(175,35,138)
```

Split Complementary Color

#af8e23
```
#af8e23 rgb(175,142,35)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#8e23af
```
#8e23af rgb(142,35,175)
```

Triadic Color

#44af23
```
#44af23 rgb(68,175,35)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#8e23af
```
#8e23af rgb(142,35,175)
```
#af2344
```
#af2344 rgb(175,35,68)
```

Tetradic Color

#166f5a
```
#166f5a rgb(22,111,90)
```
#1b856c
```
#1b856c rgb(27,133,108)
```
#1f9a7d
```
#1f9a7d rgb(31,154,125)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#27c49f
```
#27c49f rgb(39,196,159)
```
#30d6ae
```
#30d6ae rgb(48,214,174)
```
#45dab7
```
#45dab7 rgb(69,218,183)
```

Monochromatic Color

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

#23af6b
```
#23af6b rgb(35,175,107)
```
#23af77
```
#23af77 rgb(35,175,119)
```
#23af82
```
#23af82 rgb(35,175,130)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#23af9a
```
#23af9a rgb(35,175,154)
```
#23afa5
```
#23afa5 rgb(35,175,165)
```
#23adaf
```
#23adaf rgb(35,173,175)
```

Similar Colors

Text with hexadecimal color #23af8e

This text has a font color of #23af8e.

<span style="color:#23af8e;">Text here</span>

#23af8e background color

This paragraph has a background color of #23af8e.

<p style="background-color:#23af8e;">Content here</p>

#23af8e border color

This element has a border color of #23af8e.

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

CSS codes

.text {color:#23af8e;}

.background {background-color:#23af8e;}

.border {border:1px solid #23af8e;}

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, #020c09 is the darkest color, while #fafefd is the lightest one.

#020c09
```
#020c09 rgb(2,12,9)
```
#061c17
```
#061c17 rgb(6,28,23)
```
#092c24
```
#092c24 rgb(9,44,36)
```
#0c3d31
```
#0c3d31 rgb(12,61,49)
```
#0f4d3e
```
#0f4d3e rgb(15,77,62)
```
#135d4c
```
#135d4c rgb(19,93,76)
```
#166e59
```
#166e59 rgb(22,110,89)
```
#197e66
```
#197e66 rgb(25,126,102)
```
#1c8e73
```
#1c8e73 rgb(28,142,115)
```
#209f81
```
#209f81 rgb(32,159,129)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#26bf9b
```
#26bf9b rgb(38,191,155)
```
#2ad0a9
```
#2ad0a9 rgb(42,208,169)
```

Shade Color Variation

#36d7b1
```
#36d7b1 rgb(54,215,177)
```
#46dab7
```
#46dab7 rgb(70,218,183)
```
#57ddbe
```
#57ddbe rgb(87,221,190)
```
#67e1c4
```
#67e1c4 rgb(103,225,196)
```
#77e4ca
```
#77e4ca rgb(119,228,202)
```
#88e7d1
```
#88e7d1 rgb(136,231,209)
```
#98ead7
```
#98ead7 rgb(152,234,215)
```
#a8eedd
```
#a8eedd rgb(168,238,221)
```
#b9f1e4
```
#b9f1e4 rgb(185,241,228)
```
#c9f4ea
```
#c9f4ea rgb(201,244,234)
```
#daf8f0
```
#daf8f0 rgb(218,248,240)
```
#eafbf7
```
#eafbf7 rgb(234,251,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646e6c is the less saturated color, while #03cf9f is the most saturated one.

#646e6c
```
#646e6c rgb(100,110,108)
```
#5c7670
```
#5c7670 rgb(92,118,112)
```
#537f74
```
#537f74 rgb(83,127,116)
```
#4b8779
```
#4b8779 rgb(75,135,121)
```
#438f7d
```
#438f7d rgb(67,143,125)
```
#3b9781
```
#3b9781 rgb(59,151,129)
```
#339f85
```
#339f85 rgb(51,159,133)
```
#2ba78a
```
#2ba78a rgb(43,167,138)
```
#23af8e
```
#23af8e rgb(35,175,142)
```
#1bb792
```
#1bb792 rgb(27,183,146)
```
#13bf97
```
#13bf97 rgb(19,191,151)
```
#0bc79b
```
#0bc79b rgb(11,199,155)
```
#03cf9f
```
#03cf9f rgb(3,207,159)
```

Tone Color Variation

Below, you can see how #23af8e 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

#818181 Achromatopsia 0.005% of the population
#6e8a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a08a Protanopia 1% of men
#b19b9c Deuteranopia 1% of men
#4aadba Tritanopia 0.001% of the population

Trichromacy

#77a58b Protanomaly 1% of men, 0.01% of women
#7da297 Deuteranomaly 6% of men, 0.4% of women
#3caeaa Tritanomaly 0.01% of the population

#23af8e hex color

#23af8e Color Information

#23af8e Color Conversion

Color Schemes with #23af8e

Alternatives to #23af8e

#23af8e Preview

Shades and Tints of #23af8e

Tones of #23af8e

Color Blindness Simulator