#2afbfd hex color

In a RGB color space, hex #2afbfd is composed of 16.5% red, 98.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 180.6 degrees, a saturation of 98.1% and a lightness of 57.8%. #2afbfd color hex could be obtained by blending #54ffff with #00f7fb. 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

● #2afbfd color description : Bright cyan.

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

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

CIE-LAB	90.125, -45.435, -14.558
XYZ	53.176, 76.573, 104.901
xyY	0.227, 0.326, 76.573
CIE-LCH	90.125, 47.711, 197.766
CIE-LUV	90.125, -67.459, -16.272
Hunter-Lab	87.506, -44.664, -9.821
Binary	00101010, 11111011, 11111101

#2afbfd
```
#2afbfd rgb(42,251,253)
```
#fd2c2a
```
#fd2c2a rgb(253,44,42)
```

Complementary Color

#2afd96
```
#2afd96 rgb(42,253,150)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#2a92fd
```
#2a92fd rgb(42,146,253)
```

Analogous Color

#fd962a
```
#fd962a rgb(253,150,42)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#fd2a92
```
#fd2a92 rgb(253,42,146)
```

Split Complementary Color

#fbfd2a
```
#fbfd2a rgb(251,253,42)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#fd2afb
```
#fd2afb rgb(253,42,251)
```

Triadic Color

#2afd2c
```
#2afd2c rgb(42,253,44)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#fd2afb
```
#fd2afb rgb(253,42,251)
```
#fd2c2a
```
#fd2c2a rgb(253,44,42)
```

Tetradic Color

#02d6d8
```
#02d6d8 rgb(2,214,216)
```
#02eff2
```
#02eff2 rgb(2,239,242)
```
#11fbfd
```
#11fbfd rgb(17,251,253)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#43fbfd
```
#43fbfd rgb(67,251,253)
```
#5dfcfd
```
#5dfcfd rgb(93,252,253)
```
#76fcfe
```
#76fcfe rgb(118,252,254)
```

Monochromatic Color

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

#2afdca
```
#2afdca rgb(42,253,202)
```
#2afddc
```
#2afddc rgb(42,253,220)
```
#2afded
```
#2afded rgb(42,253,237)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#2ae9fd
```
#2ae9fd rgb(42,233,253)
```
#2ad8fd
```
#2ad8fd rgb(42,216,253)
```
#2ac6fd
```
#2ac6fd rgb(42,198,253)
```

Similar Colors

Text with hexadecimal color #2afbfd

This text has a font color of #2afbfd.

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

#2afbfd background color

This paragraph has a background color of #2afbfd.

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

#2afbfd border color

This element has a border color of #2afbfd.

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

CSS codes

.text {color:#2afbfd;}

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

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

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)
```
#013b3b
```
#013b3b rgb(1,59,59)
```
#014e4e
```
#014e4e rgb(1,78,78)
```
#016162
```
#016162 rgb(1,97,98)
```
#017475
```
#017475 rgb(1,116,117)
```
#018889
```
#018889 rgb(1,136,137)
```
#019b9c
```
#019b9c rgb(1,155,156)
```
#02aeb0
```
#02aeb0 rgb(2,174,176)
```
#02c1c3
```
#02c1c3 rgb(2,193,195)
```
#02d5d7
```
#02d5d7 rgb(2,213,215)
```
#02e8ea
```
#02e8ea rgb(2,232,234)
```

Shade Color Variation

#03fafd
```
#03fafd rgb(3,250,253)
```
#17fbfd
```
#17fbfd rgb(23,251,253)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```
#3dfbfd
```
#3dfbfd rgb(61,251,253)
```
#51fcfd
```
#51fcfd rgb(81,252,253)
```
#64fcfe
```
#64fcfe rgb(100,252,254)
```
#78fcfe
```
#78fcfe rgb(120,252,254)
```
#8bfdfe
```
#8bfdfe rgb(139,253,254)
```
#9ffdfe
```
#9ffdfe rgb(159,253,254)
```
#b2fefe
```
#b2fefe rgb(178,254,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 #2afbfd 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)
```
#4bdbdc
```
#4bdbdc rgb(75,219,220)
```
#43e3e4
```
#43e3e4 rgb(67,227,228)
```
#3bebec
```
#3bebec rgb(59,235,236)
```
#32f3f5
```
#32f3f5 rgb(50,243,245)
```
#2afbfd
```
#2afbfd rgb(42,251,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a0c9ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e2ef Protanopia 1% of men
#e6e0ff Deuteranopia 1% of men
#97f2ff Tritanopia 0.001% of the population

Trichromacy

#a0ebf4 Protanomaly 1% of men, 0.01% of women
#a1eafe Deuteranomaly 6% of men, 0.4% of women
#6ff5fe Tritanomaly 0.01% of the population

#2afbfd hex color

#2afbfd Color Information

#2afbfd Color Conversion

Color Schemes with #2afbfd

Alternatives to #2afbfd

#2afbfd Preview

Shades and Tints of #2afbfd

Tones of #2afbfd

Color Blindness Simulator