#2afafd hex color

In a RGB color space, hex #2afafd is composed of 16.5% red, 98% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 1.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 180.9 degrees, a saturation of 98.1% and a lightness of 57.8%. #2afafd color hex could be obtained by blending #54ffff with #00f5fb. Closest websafe color is: #33ffff.

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

● #2afafd color description : Bright cyan.

The hexadecimal color #2afafd has RGB values of R:42, G:250, B:253 and CMYK values of C:0.83, M:0.01, Y:0, K:0.01. Its decimal value is 2816765.

Hex triplet	2afafd	`#2afafd`
RGB Decimal	42, 250, 253	`rgb(42,250,253)`
RGB Percent	16.5, 98, 99.2	`rgb(16.5%,98%,99.2%)`
CMYK	83, 1, 0, 1
HSL	180.9°, 98.1, 57.8	`hsl(180.9,98.1%,57.8%)`
HSV (or HSB)	180.9°, 83.4, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.836, -44.997, -14.99
XYZ	52.865, 75.95, 104.797
xyY	0.226, 0.325, 75.95
CIE-LCH	89.836, 47.429, 198.424
CIE-LUV	89.836, -67.125, -17.055
Hunter-Lab	87.149, -44.234, -10.291
Binary	00101010, 11111010, 11111101

#2afafd
```
#2afafd rgb(42,250,253)
```
#fd2d2a
```
#fd2d2a rgb(253,45,42)
```

Complementary Color

#2afd97
```
#2afd97 rgb(42,253,151)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#2a91fd
```
#2a91fd rgb(42,145,253)
```

Analogous Color

#fd972a
```
#fd972a rgb(253,151,42)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#fd2a91
```
#fd2a91 rgb(253,42,145)
```

Split Complementary Color

#fafd2a
```
#fafd2a rgb(250,253,42)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#fd2afa
```
#fd2afa rgb(253,42,250)
```

Triadic Color

#2afd2d
```
#2afd2d rgb(42,253,45)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#fd2afa
```
#fd2afa rgb(253,42,250)
```
#fd2d2a
```
#fd2d2a rgb(253,45,42)
```

Tetradic Color

#02d5d8
```
#02d5d8 rgb(2,213,216)
```
#02eef2
```
#02eef2 rgb(2,238,242)
```
#11f9fd
```
#11f9fd rgb(17,249,253)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#43fbfd
```
#43fbfd rgb(67,251,253)
```
#5dfbfd
```
#5dfbfd rgb(93,251,253)
```
#76fcfe
```
#76fcfe rgb(118,252,254)
```

Monochromatic Color

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

#2afdcb
```
#2afdcb rgb(42,253,203)
```
#2afddd
```
#2afddd rgb(42,253,221)
```
#2afdee
```
#2afdee rgb(42,253,238)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#2ae8fd
```
#2ae8fd rgb(42,232,253)
```
#2ad7fd
```
#2ad7fd rgb(42,215,253)
```
#2ac5fd
```
#2ac5fd rgb(42,197,253)
```

Similar Colors

Text with hexadecimal color #2afafd

This text has a font color of #2afafd.

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

#2afafd background color

This paragraph has a background color of #2afafd.

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

#2afafd border color

This element has a border color of #2afafd.

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

CSS codes

.text {color:#2afafd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001414
```
#001414 rgb(0,20,20)
```
#002728
```
#002728 rgb(0,39,40)
```
#013a3b
```
#013a3b rgb(1,58,59)
```
#014d4e
```
#014d4e rgb(1,77,78)
```
#016162
```
#016162 rgb(1,97,98)
```
#017475
```
#017475 rgb(1,116,117)
```
#018789
```
#018789 rgb(1,135,137)
```
#019a9c
```
#019a9c rgb(1,154,156)
```
#02adb0
```
#02adb0 rgb(2,173,176)
```
#02c0c3
```
#02c0c3 rgb(2,192,195)
```
#02d4d7
```
#02d4d7 rgb(2,212,215)
```
#02e7ea
```
#02e7ea rgb(2,231,234)
```

Shade Color Variation

#03f9fd
```
#03f9fd rgb(3,249,253)
```
#17fafd
```
#17fafd rgb(23,250,253)
```
#2afafd
```
#2afafd rgb(42,250,253)
```
#3dfafd
```
#3dfafd rgb(61,250,253)
```
#51fbfd
```
#51fbfd rgb(81,251,253)
```
#64fbfe
```
#64fbfe rgb(100,251,254)
```
#78fcfe
```
#78fcfe rgb(120,252,254)
```
#8bfcfe
```
#8bfcfe rgb(139,252,254)
```
#9ffdfe
```
#9ffdfe rgb(159,253,254)
```
#b2fdfe
```
#b2fdfe rgb(178,253,254)
```
#c5fefe
```
#c5fefe rgb(197,254,254)
```
#d9feff
```
#d9feff rgb(217,254,255)
```
#ecffff
```
#ecffff rgb(236,255,255)
```

Tint Color Variation

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

#8d9a9a
```
#8d9a9a rgb(141,154,154)
```
#85a2a2
```
#85a2a2 rgb(133,162,162)
```
#7daaaa
```
#7daaaa rgb(125,170,170)
```
#74b2b3
```
#74b2b3 rgb(116,178,179)
```
#6cbabb
```
#6cbabb rgb(108,186,187)
```
#64c2c3
```
#64c2c3 rgb(100,194,195)
```
#5ccacb
```
#5ccacb rgb(92,202,203)
```
#53d2d4
```
#53d2d4 rgb(83,210,212)
```
#4bdadc
```
#4bdadc rgb(75,218,220)
```
#43e2e4
```
#43e2e4 rgb(67,226,228)
```
#3beaec
```
#3beaec rgb(59,234,236)
```
#32f2f5
```
#32f2f5 rgb(50,242,245)
```
#2afafd
```
#2afafd rgb(42,250,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#9fc8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2ef Protanopia 1% of men
#e5dfff Deuteranopia 1% of men
#93f1ff Tritanopia 0.001% of the population

Trichromacy

#a0eaf4 Protanomaly 1% of men, 0.01% of women
#a1e9fe Deuteranomaly 6% of men, 0.4% of women
#6df4fe Tritanomaly 0.01% of the population

#2afafd hex color

#2afafd Color Information

#2afafd Color Conversion

Color Schemes with #2afafd

Alternatives to #2afafd

#2afafd Preview

Shades and Tints of #2afafd

Tones of #2afafd

Color Blindness Simulator