#2afbe9 hex color

In a RGB color space, hex #2afbe9 is composed of 16.5% red, 98.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 7.2% yellow and 1.6% black. It has a hue angle of 174.8 degrees, a saturation of 96.3% and a lightness of 57.5%. #2afbe9 color hex could be obtained by blending #54ffff with #00f7d3. Closest websafe color is: #33ffff.

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

● #2afbe9 color description : Bright cyan.

The hexadecimal color #2afbe9 has RGB values of R:42, G:251, B:233 and CMYK values of C:0.83, M:0, Y:0.07, K:0.02. Its decimal value is 2817001.

Hex triplet	2afbe9	`#2afbe9`
RGB Decimal	42, 251, 233	`rgb(42,251,233)`
RGB Percent	16.5, 98.4, 91.4	`rgb(16.5%,98.4%,91.4%)`
CMYK	83, 0, 7, 2
HSL	174.8°, 96.3, 57.5	`hsl(174.8,96.3%,57.5%)`
HSV (or HSB)	174.8°, 83.3, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.564, -50.971, -4.986
XYZ	50.155, 75.365, 88.99
xyY	0.234, 0.351, 75.365
CIE-LCH	89.564, 51.214, 185.587
CIE-LUV	89.564, -68.988, 0.258
Hunter-Lab	86.813, -48.796, -0.008
Binary	00101010, 11111011, 11101001

#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#fb2a3c
```
#fb2a3c rgb(251,42,60)
```

Complementary Color

#2afb81
```
#2afb81 rgb(42,251,129)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#2aa5fb
```
#2aa5fb rgb(42,165,251)
```

Analogous Color

#fb812a
```
#fb812a rgb(251,129,42)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#fb2aa5
```
#fb2aa5 rgb(251,42,165)
```

Split Complementary Color

#fbe92a
```
#fbe92a rgb(251,233,42)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#e92afb
```
#e92afb rgb(233,42,251)
```

Triadic Color

#3cfb2a
```
#3cfb2a rgb(60,251,42)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#e92afb
```
#e92afb rgb(233,42,251)
```
#fb2a3c
```
#fb2a3c rgb(251,42,60)
```

Tetradic Color

#04d5c3
```
#04d5c3 rgb(4,213,195)
```
#04eed9
```
#04eed9 rgb(4,238,217)
```
#11fbe6
```
#11fbe6 rgb(17,251,230)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#43fbec
```
#43fbec rgb(67,251,236)
```
#5cfcee
```
#5cfcee rgb(92,252,238)
```
#75fcf1
```
#75fcf1 rgb(117,252,241)
```

Monochromatic Color

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

#2afbb5
```
#2afbb5 rgb(42,251,181)
```
#2afbc6
```
#2afbc6 rgb(42,251,198)
```
#2afbd8
```
#2afbd8 rgb(42,251,216)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#2afbfa
```
#2afbfa rgb(42,251,250)
```
#2aeafb
```
#2aeafb rgb(42,234,251)
```
#2ad9fb
```
#2ad9fb rgb(42,217,251)
```

Similar Colors

Text with hexadecimal color #2afbe9

This text has a font color of #2afbe9.

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

#2afbe9 background color

This paragraph has a background color of #2afbe9.

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

#2afbe9 border color

This element has a border color of #2afbe9.

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

CSS codes

.text {color:#2afbe9;}

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

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

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

#001211
```
#001211 rgb(0,18,17)
```
#012522
```
#012522 rgb(1,37,34)
```
#013934
```
#013934 rgb(1,57,52)
```
#014c45
```
#014c45 rgb(1,76,69)
```
#025f57
```
#025f57 rgb(2,95,87)
```
#027269
```
#027269 rgb(2,114,105)
```
#03867a
```
#03867a rgb(3,134,122)
```
#03998c
```
#03998c rgb(3,153,140)
```
#03ac9e
```
#03ac9e rgb(3,172,158)
```
#04bfaf
```
#04bfaf rgb(4,191,175)
```
#04d3c1
```
#04d3c1 rgb(4,211,193)
```
#04e6d2
```
#04e6d2 rgb(4,230,210)
```
#05f9e4
```
#05f9e4 rgb(5,249,228)
```

Shade Color Variation

#17fbe7
```
#17fbe7 rgb(23,251,231)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```
#3dfbeb
```
#3dfbeb rgb(61,251,235)
```
#51fced
```
#51fced rgb(81,252,237)
```
#64fcef
```
#64fcef rgb(100,252,239)
```
#77fcf1
```
#77fcf1 rgb(119,252,241)
```
#8afdf3
```
#8afdf3 rgb(138,253,243)
```
#9efdf5
```
#9efdf5 rgb(158,253,245)
```
#b1fef7
```
#b1fef7 rgb(177,254,247)
```
#c4fef9
```
#c4fef9 rgb(196,254,249)
```
#d7fefb
```
#d7fefb rgb(215,254,251)
```
#ebfffd
```
#ebfffd rgb(235,255,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8e9796
```
#8e9796 rgb(142,151,150)
```
#869f9d
```
#869f9d rgb(134,159,157)
```
#7da8a4
```
#7da8a4 rgb(125,168,164)
```
#75b0ab
```
#75b0ab rgb(117,176,171)
```
#6db8b2
```
#6db8b2 rgb(109,184,178)
```
#64c1b9
```
#64c1b9 rgb(100,193,185)
```
#5cc9c0
```
#5cc9c0 rgb(92,201,192)
```
#54d1c6
```
#54d1c6 rgb(84,209,198)
```
#4bdacd
```
#4bdacd rgb(75,218,205)
```
#43e2d4
```
#43e2d4 rgb(67,226,212)
```
#3beadb
```
#3beadb rgb(59,234,219)
```
#32f3e2
```
#32f3e2 rgb(50,243,226)
```
#2afbe9
```
#2afbe9 rgb(42,251,233)
```

Tone Color Variation

Below, you can see how #2afbe9 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
#9dc7c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e1dc Protanopia 1% of men
#eedcf5 Deuteranopia 1% of men
#91f1ff Tritanopia 0.001% of the population

Trichromacy

#a2eae1 Protanomaly 1% of men, 0.01% of women
#a7e7f0 Deuteranomaly 6% of men, 0.4% of women
#6bf4f7 Tritanomaly 0.01% of the population

#2afbe9 hex color

#2afbe9 Color Information

#2afbe9 Color Conversion

Color Schemes with #2afbe9

Alternatives to #2afbe9

#2afbe9 Preview

Shades and Tints of #2afbe9

Tones of #2afbe9

Color Blindness Simulator