#23a4af hex color

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

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

● #23a4af color description : Dark cyan.

The hexadecimal color #23a4af has RGB values of R:35, G:164, B:175 and CMYK values of C:0.8, M:0.06, Y:0, K:0.31. Its decimal value is 2335919.

Hex triplet	23a4af	`#23a4af`
RGB Decimal	35, 164, 175	`rgb(35,164,175)`
RGB Percent	13.7, 64.3, 68.6	`rgb(13.7%,64.3%,68.6%)`
CMYK	80, 6, 0, 31
HSL	184.7°, 66.7, 41.2	`hsl(184.7,66.7%,41.2%)`
HSV (or HSB)	184.7°, 80, 68.6
Web Safe	339999	`#339999`

CIE-LAB	61.655, -29.108, -15.309
XYZ	21.704, 30.001, 45.202
xyY	0.224, 0.31, 30.001
CIE-LCH	61.655, 32.889, 207.742
CIE-LUV	61.655, -43.997, -19.034
Hunter-Lab	54.773, -25.122, -10.588
Binary	00100011, 10100100, 10101111

#23a4af
```
#23a4af rgb(35,164,175)
```
#af2e23
```
#af2e23 rgb(175,46,35)
```

Complementary Color

#23af74
```
#23af74 rgb(35,175,116)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#235eaf
```
#235eaf rgb(35,94,175)
```

Analogous Color

#af7423
```
#af7423 rgb(175,116,35)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#af235e
```
#af235e rgb(175,35,94)
```

Split Complementary Color

#a4af23
```
#a4af23 rgb(164,175,35)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#af23a4
```
#af23a4 rgb(175,35,164)
```

Triadic Color

#23af2e
```
#23af2e rgb(35,175,46)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#af23a4
```
#af23a4 rgb(175,35,164)
```
#af2e23
```
#af2e23 rgb(175,46,35)
```

Tetradic Color

#16686f
```
#16686f rgb(22,104,111)
```
#1b7c85
```
#1b7c85 rgb(27,124,133)
```
#1f909a
```
#1f909a rgb(31,144,154)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#27b8c4
```
#27b8c4 rgb(39,184,196)
```
#30c8d6
```
#30c8d6 rgb(48,200,214)
```
#45ceda
```
#45ceda rgb(69,206,218)
```

Monochromatic Color

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

#23af97
```
#23af97 rgb(35,175,151)
```
#23afa3
```
#23afa3 rgb(35,175,163)
```
#23afae
```
#23afae rgb(35,175,174)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#2398af
```
#2398af rgb(35,152,175)
```
#238daf
```
#238daf rgb(35,141,175)
```
#2381af
```
#2381af rgb(35,129,175)
```

Similar Colors

Text with hexadecimal color #23a4af

This text has a font color of #23a4af.

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

#23a4af background color

This paragraph has a background color of #23a4af.

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

#23a4af border color

This element has a border color of #23a4af.

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

CSS codes

.text {color:#23a4af;}

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

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

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

#020b0c
```
#020b0c rgb(2,11,12)
```
#061a1c
```
#061a1c rgb(6,26,28)
```
#09292c
```
#09292c rgb(9,41,44)
```
#0c393d
```
#0c393d rgb(12,57,61)
```
#0f484d
```
#0f484d rgb(15,72,77)
```
#13575d
```
#13575d rgb(19,87,93)
```
#16676e
```
#16676e rgb(22,103,110)
```
#19767e
```
#19767e rgb(25,118,126)
```
#1c858e
```
#1c858e rgb(28,133,142)
```
#20959f
```
#20959f rgb(32,149,159)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#26b3bf
```
#26b3bf rgb(38,179,191)
```
#2ac3d0
```
#2ac3d0 rgb(42,195,208)
```

Shade Color Variation

#36cad7
```
#36cad7 rgb(54,202,215)
```
#46ceda
```
#46ceda rgb(70,206,218)
```
#57d3dd
```
#57d3dd rgb(87,211,221)
```
#67d7e1
```
#67d7e1 rgb(103,215,225)
```
#77dbe4
```
#77dbe4 rgb(119,219,228)
```
#88e0e7
```
#88e0e7 rgb(136,224,231)
```
#98e4ea
```
#98e4ea rgb(152,228,234)
```
#a8e8ee
```
#a8e8ee rgb(168,232,238)
```
#b9edf1
```
#b9edf1 rgb(185,237,241)
```
#c9f1f4
```
#c9f1f4 rgb(201,241,244)
```
#daf5f8
```
#daf5f8 rgb(218,245,248)
```
#eaf9fb
```
#eaf9fb rgb(234,249,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#646e6e
```
#646e6e rgb(100,110,110)
```
#5c7476
```
#5c7476 rgb(92,116,118)
```
#537b7f
```
#537b7f rgb(83,123,127)
```
#4b8287
```
#4b8287 rgb(75,130,135)
```
#43898f
```
#43898f rgb(67,137,143)
```
#3b9097
```
#3b9097 rgb(59,144,151)
```
#33969f
```
#33969f rgb(51,150,159)
```
#2b9da7
```
#2b9da7 rgb(43,157,167)
```
#23a4af
```
#23a4af rgb(35,164,175)
```
#1babb7
```
#1babb7 rgb(27,171,183)
```
#13b2bf
```
#13b2bf rgb(19,178,191)
```
#0bb8c7
```
#0bb8c7 rgb(11,184,199)
```
#03bfcf
```
#03bfcf rgb(3,191,207)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6d8689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9899aa Protanopia 1% of men
#9897b9 Deuteranopia 1% of men
#30a8b4 Tritanopia 0.001% of the population

Trichromacy

#6d9dab Protanomaly 1% of men, 0.01% of women
#6d9cb5 Deuteranomaly 6% of men, 0.4% of women
#2ba6b2 Tritanomaly 0.01% of the population

#23a4af hex color

#23a4af Color Information

#23a4af Color Conversion

Color Schemes with #23a4af

Alternatives to #23a4af

#23a4af Preview

Shades and Tints of #23a4af

Tones of #23a4af

Color Blindness Simulator