#2afaec hex color

In a RGB color space, hex #2afaec is composed of 16.5% red, 98% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 5.6% yellow and 2% black. It has a hue angle of 176 degrees, a saturation of 95.4% and a lightness of 57.3%. #2afaec color hex could be obtained by blending #54ffff with #00f5d9. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 98
- B 93
RGB color chart
- C 83
- M 0
- Y 6
- K 2
CMYK color chart

● #2afaec color description : Bright cyan.

The hexadecimal color #2afaec has RGB values of R:42, G:250, B:236 and CMYK values of C:0.83, M:0, Y:0.06, K:0.02. Its decimal value is 2816748.

Hex triplet	2afaec	`#2afaec`
RGB Decimal	42, 250, 236	`rgb(42,250,236)`
RGB Percent	16.5, 98, 92.5	`rgb(16.5%,98%,92.5%)`
CMYK	83, 0, 6, 2
HSL	176°, 95.4, 57.3	`hsl(176,95.4%,57.3%)`
HSV (or HSB)	176°, 83.2, 98
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.353, -49.739, -6.859
XYZ	50.276, 74.914, 91.162
xyY	0.232, 0.346, 74.914
CIE-LCH	89.353, 50.21, 187.851
CIE-LUV	89.353, -68.425, -2.951
Hunter-Lab	86.553, -47.783, -1.86
Binary	00101010, 11111010, 11101100

#2afaec
```
#2afaec rgb(42,250,236)
```
#fa2a38
```
#fa2a38 rgb(250,42,56)
```

Complementary Color

#2afa84
```
#2afa84 rgb(42,250,132)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#2aa0fa
```
#2aa0fa rgb(42,160,250)
```

Analogous Color

#fa842a
```
#fa842a rgb(250,132,42)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#fa2aa0
```
#fa2aa0 rgb(250,42,160)
```

Split Complementary Color

#faec2a
```
#faec2a rgb(250,236,42)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#ec2afa
```
#ec2afa rgb(236,42,250)
```

Triadic Color

#38fa2a
```
#38fa2a rgb(56,250,42)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#ec2afa
```
#ec2afa rgb(236,42,250)
```
#fa2a38
```
#fa2a38 rgb(250,42,56)
```

Tetradic Color

#05d3c5
```
#05d3c5 rgb(5,211,197)
```
#06ebdc
```
#06ebdc rgb(6,235,220)
```
#11f9ea
```
#11f9ea rgb(17,249,234)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#43fbee
```
#43fbee rgb(67,251,238)
```
#5cfbf0
```
#5cfbf0 rgb(92,251,240)
```
#75fcf3
```
#75fcf3 rgb(117,252,243)
```

Monochromatic Color

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

#2afab8
```
#2afab8 rgb(42,250,184)
```
#2afac9
```
#2afac9 rgb(42,250,201)
```
#2afadb
```
#2afadb rgb(42,250,219)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#2af7fa
```
#2af7fa rgb(42,247,250)
```
#2ae5fa
```
#2ae5fa rgb(42,229,250)
```
#2ad4fa
```
#2ad4fa rgb(42,212,250)
```

Similar Colors

Text with hexadecimal color #2afaec

This text has a font color of #2afaec.

<span style="color:#2afaec;">Text here</span>

#2afaec background color

This paragraph has a background color of #2afaec.

<p style="background-color:#2afaec;">Content here</p>

#2afaec border color

This element has a border color of #2afaec.

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

CSS codes

.text {color:#2afaec;}

.background {background-color:#2afaec;}

.border {border:1px solid #2afaec;}

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

#001110
```
#001110 rgb(0,17,16)
```
#012422
```
#012422 rgb(1,36,34)
```
#013734
```
#013734 rgb(1,55,52)
```
#024a46
```
#024a46 rgb(2,74,70)
```
#025e57
```
#025e57 rgb(2,94,87)
```
#037169
```
#037169 rgb(3,113,105)
```
#03847b
```
#03847b rgb(3,132,123)
```
#04978d
```
#04978d rgb(4,151,141)
```
#04aa9f
```
#04aa9f rgb(4,170,159)
```
#04bdb1
```
#04bdb1 rgb(4,189,177)
```
#05d1c3
```
#05d1c3 rgb(5,209,195)
```
#05e4d5
```
#05e4d5 rgb(5,228,213)
```
#06f7e7
```
#06f7e7 rgb(6,247,231)
```

Shade Color Variation

#17faea
```
#17faea rgb(23,250,234)
```
#2afaec
```
#2afaec rgb(42,250,236)
```
#3dfaee
```
#3dfaee rgb(61,250,238)
```
#50fbef
```
#50fbef rgb(80,251,239)
```
#63fbf1
```
#63fbf1 rgb(99,251,241)
```
#77fcf3
```
#77fcf3 rgb(119,252,243)
```
#8afcf5
```
#8afcf5 rgb(138,252,245)
```
#9dfdf6
```
#9dfdf6 rgb(157,253,246)
```
#b0fdf8
```
#b0fdf8 rgb(176,253,248)
```
#c3fefa
```
#c3fefa rgb(195,254,250)
```
#d6fefb
```
#d6fefb rgb(214,254,251)
```
#eafefd
```
#eafefd rgb(234,254,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#8f9595
```
#8f9595 rgb(143,149,149)
```
#869e9c
```
#869e9c rgb(134,158,156)
```
#7ea6a3
```
#7ea6a3 rgb(126,166,163)
```
#75afab
```
#75afab rgb(117,175,171)
```
#6db7b2
```
#6db7b2 rgb(109,183,178)
```
#65bfb9
```
#65bfb9 rgb(101,191,185)
```
#5cc8c0
```
#5cc8c0 rgb(92,200,192)
```
#54d0c8
```
#54d0c8 rgb(84,208,200)
```
#4cd8cf
```
#4cd8cf rgb(76,216,207)
```
#43e1d6
```
#43e1d6 rgb(67,225,214)
```
#3be9dd
```
#3be9dd rgb(59,233,221)
```
#32f2e5
```
#32f2e5 rgb(50,242,229)
```
#2afaec
```
#2afaec rgb(42,250,236)
```

Tone Color Variation

Below, you can see how #2afaec 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

#bababa Achromatopsia 0.005% of the population
#9dc7c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e1df Protanopia 1% of men
#ecdcf7 Deuteranopia 1% of men
#8df1ff Tritanopia 0.001% of the population

Trichromacy

#a1eae3 Protanomaly 1% of men, 0.01% of women
#a5e7f3 Deuteranomaly 6% of men, 0.4% of women
#69f4f8 Tritanomaly 0.01% of the population

#2afaec hex color

#2afaec Color Information

#2afaec Color Conversion

Color Schemes with #2afaec

Alternatives to #2afaec

#2afaec Preview

Shades and Tints of #2afaec

Tones of #2afaec

Color Blindness Simulator