#2af5ea hex color

In a RGB color space, hex #2af5ea is composed of 16.5% red, 96.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 4.5% yellow and 3.9% black. It has a hue angle of 176.7 degrees, a saturation of 91% and a lightness of 56.3%. #2af5ea color hex could be obtained by blending #54ffff with #00ebd5. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 96
- B 92
RGB color chart
- C 83
- M 0
- Y 4
- K 4
CMYK color chart

● #2af5ea color description : Bright cyan.

The hexadecimal color #2af5ea has RGB values of R:42, G:245, B:234 and CMYK values of C:0.83, M:0, Y:0.04, K:0.04. Its decimal value is 2815466.

Hex triplet	2af5ea	`#2af5ea`
RGB Decimal	42, 245, 234	`rgb(42,245,234)`
RGB Percent	16.5, 96.1, 91.8	`rgb(16.5%,96.1%,91.8%)`
CMYK	83, 0, 4, 4
HSL	176.7°, 91, 56.3	`hsl(176.7,91%,56.3%)`
HSV (or HSB)	176.7°, 82.9, 96.1
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.84, -48.162, -8.056
XYZ	48.454, 71.733, 89.129
xyY	0.231, 0.343, 71.733
CIE-LCH	87.84, 48.831, 189.496
CIE-LUV	87.84, -66.903, -5.129
Hunter-Lab	84.695, -46.097, -3.108
Binary	00101010, 11110101, 11101010

#2af5ea
```
#2af5ea rgb(42,245,234)
```
#f52a35
```
#f52a35 rgb(245,42,53)
```

Complementary Color

#2af585
```
#2af585 rgb(42,245,133)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#2a9bf5
```
#2a9bf5 rgb(42,155,245)
```

Analogous Color

#f5852a
```
#f5852a rgb(245,133,42)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#f52a9b
```
#f52a9b rgb(245,42,155)
```

Split Complementary Color

#f5ea2a
```
#f5ea2a rgb(245,234,42)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#ea2af5
```
#ea2af5 rgb(234,42,245)
```

Triadic Color

#35f52a
```
#35f52a rgb(53,245,42)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#ea2af5
```
#ea2af5 rgb(234,42,245)
```
#f52a35
```
#f52a35 rgb(245,42,53)
```

Tetradic Color

#09c9bf
```
#09c9bf rgb(9,201,191)
```
#0be1d6
```
#0be1d6 rgb(11,225,214)
```
#12f4e8
```
#12f4e8 rgb(18,244,232)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#42f6ec
```
#42f6ec rgb(66,246,236)
```
#5bf7ef
```
#5bf7ef rgb(91,247,239)
```
#73f8f1
```
#73f8f1 rgb(115,248,241)
```

Monochromatic Color

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

#2af5b7
```
#2af5b7 rgb(42,245,183)
```
#2af5c8
```
#2af5c8 rgb(42,245,200)
```
#2af5d9
```
#2af5d9 rgb(42,245,217)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#2aeff5
```
#2aeff5 rgb(42,239,245)
```
#2adef5
```
#2adef5 rgb(42,222,245)
```
#2acdf5
```
#2acdf5 rgb(42,205,245)
```

Similar Colors

Text with hexadecimal color #2af5ea

This text has a font color of #2af5ea.

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

#2af5ea background color

This paragraph has a background color of #2af5ea.

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

#2af5ea border color

This element has a border color of #2af5ea.

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

CSS codes

.text {color:#2af5ea;}

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

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

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, #010c0b is the darkest color, while #f8fffe is the lightest one.

#010c0b
```
#010c0b rgb(1,12,11)
```
#011f1d
```
#011f1d rgb(1,31,29)
```
#02312f
```
#02312f rgb(2,49,47)
```
#034441
```
#034441 rgb(3,68,65)
```
#045752
```
#045752 rgb(4,87,82)
```
#056a64
```
#056a64 rgb(5,106,100)
```
#067c76
```
#067c76 rgb(6,124,118)
```
#078f88
```
#078f88 rgb(7,143,136)
```
#08a299
```
#08a299 rgb(8,162,153)
```
#08b4ab
```
#08b4ab rgb(8,180,171)
```
#09c7bd
```
#09c7bd rgb(9,199,189)
```
#0adacf
```
#0adacf rgb(10,218,207)
```
#0bede0
```
#0bede0 rgb(11,237,224)
```

Shade Color Variation

#17f4e8
```
#17f4e8 rgb(23,244,232)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#3df6ec
```
#3df6ec rgb(61,246,236)
```
#4ff7ee
```
#4ff7ee rgb(79,247,238)
```
#62f8f0
```
#62f8f0 rgb(98,248,240)
```
#75f9f1
```
#75f9f1 rgb(117,249,241)
```
#88f9f3
```
#88f9f3 rgb(136,249,243)
```
#9afaf5
```
#9afaf5 rgb(154,250,245)
```
#adfbf7
```
#adfbf7 rgb(173,251,247)
```
#c0fcf9
```
#c0fcf9 rgb(192,252,249)
```
#d3fdfb
```
#d3fdfb rgb(211,253,251)
```
#e5fefc
```
#e5fefc rgb(229,254,252)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889796 is the less saturated color, while #21fef2 is the most saturated one.

#889796
```
#889796 rgb(136,151,150)
```
#809f9e
```
#809f9e rgb(128,159,158)
```
#77a8a5
```
#77a8a5 rgb(119,168,165)
```
#6fb0ad
```
#6fb0ad rgb(111,176,173)
```
#66b9b4
```
#66b9b4 rgb(102,185,180)
```
#5dc2bc
```
#5dc2bc rgb(93,194,188)
```
#55cac4
```
#55cac4 rgb(85,202,196)
```
#4cd3cb
```
#4cd3cb rgb(76,211,203)
```
#44dbd3
```
#44dbd3 rgb(68,219,211)
```
#3be4db
```
#3be4db rgb(59,228,219)
```
#33ece2
```
#33ece2 rgb(51,236,226)
```
#2af5ea
```
#2af5ea rgb(42,245,234)
```
#21fef2
```
#21fef2 rgb(33,254,242)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9bc3c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1dcdd Protanopia 1% of men
#e7d8f5 Deuteranopia 1% of men
#72efff Tritanopia 0.001% of the population

Trichromacy

#9ee5e2 Protanomaly 1% of men, 0.01% of women
#a2e2f1 Deuteranomaly 6% of men, 0.4% of women
#58f1f7 Tritanomaly 0.01% of the population

#2af5ea hex color

#2af5ea Color Information

#2af5ea Color Conversion

Color Schemes with #2af5ea

Alternatives to #2af5ea

#2af5ea Preview

Shades and Tints of #2af5ea

Tones of #2af5ea

Color Blindness Simulator