#2adafd hex color

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

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

● #2adafd color description : Bright cyan.

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

Hex triplet	2adafd	`#2adafd`
RGB Decimal	42, 218, 253	`rgb(42,218,253)`
RGB Percent	16.5, 85.5, 99.2	`rgb(16.5%,85.5%,99.2%)`
CMYK	83, 14, 0, 1
HSL	190°, 98.1, 57.8	`hsl(190,98.1%,57.8%)`
HSV (or HSB)	190°, 83.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.584, -30.254, -29.015
XYZ	43.751, 57.723, 101.759
xyY	0.215, 0.284, 57.723
CIE-LCH	80.584, 41.918, 223.802
CIE-LUV	80.584, -56.348, -42.652
Hunter-Lab	75.975, -30.167, -26.228
Binary	00101010, 11011010, 11111101

#2adafd
```
#2adafd rgb(42,218,253)
```
#fd4d2a
```
#fd4d2a rgb(253,77,42)
```

Complementary Color

#2afdb7
```
#2afdb7 rgb(42,253,183)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#2a71fd
```
#2a71fd rgb(42,113,253)
```

Analogous Color

#fdb72a
```
#fdb72a rgb(253,183,42)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#fd2a71
```
#fd2a71 rgb(253,42,113)
```

Split Complementary Color

#dafd2a
```
#dafd2a rgb(218,253,42)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#fd2ada
```
#fd2ada rgb(253,42,218)
```

Triadic Color

#2afd4d
```
#2afd4d rgb(42,253,77)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#fd2ada
```
#fd2ada rgb(253,42,218)
```
#fd4d2a
```
#fd4d2a rgb(253,77,42)
```

Tetradic Color

#02b5d8
```
#02b5d8 rgb(2,181,216)
```
#02caf2
```
#02caf2 rgb(2,202,242)
```
#11d6fd
```
#11d6fd rgb(17,214,253)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#43defd
```
#43defd rgb(67,222,253)
```
#5de3fd
```
#5de3fd rgb(93,227,253)
```
#76e7fe
```
#76e7fe rgb(118,231,254)
```

Monochromatic Color

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

#2afdeb
```
#2afdeb rgb(42,253,235)
```
#2afdfd
```
#2afdfd rgb(42,253,253)
```
#2aecfd
```
#2aecfd rgb(42,236,253)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#2ac8fd
```
#2ac8fd rgb(42,200,253)
```
#2ab7fd
```
#2ab7fd rgb(42,183,253)
```
#2aa5fd
```
#2aa5fd rgb(42,165,253)
```

Similar Colors

Text with hexadecimal color #2adafd

This text has a font color of #2adafd.

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

#2adafd background color

This paragraph has a background color of #2adafd.

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

#2adafd border color

This element has a border color of #2adafd.

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

CSS codes

.text {color:#2adafd;}

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

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

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 #ecfcff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#001114
```
#001114 rgb(0,17,20)
```
#002128
```
#002128 rgb(0,33,40)
```
#01313b
```
#01313b rgb(1,49,59)
```
#01424e
```
#01424e rgb(1,66,78)
```
#015262
```
#015262 rgb(1,82,98)
```
#016275
```
#016275 rgb(1,98,117)
```
#017289
```
#017289 rgb(1,114,137)
```
#01839c
```
#01839c rgb(1,131,156)
```
#0293b0
```
#0293b0 rgb(2,147,176)
```
#02a3c3
```
#02a3c3 rgb(2,163,195)
```
#02b3d7
```
#02b3d7 rgb(2,179,215)
```
#02c4ea
```
#02c4ea rgb(2,196,234)
```

Shade Color Variation

#03d3fd
```
#03d3fd rgb(3,211,253)
```
#17d7fd
```
#17d7fd rgb(23,215,253)
```
#2adafd
```
#2adafd rgb(42,218,253)
```
#3dddfd
```
#3dddfd rgb(61,221,253)
```
#51e1fd
```
#51e1fd rgb(81,225,253)
```
#64e4fe
```
#64e4fe rgb(100,228,254)
```
#78e8fe
```
#78e8fe rgb(120,232,254)
```
#8bebfe
```
#8bebfe rgb(139,235,254)
```
#9feefe
```
#9feefe rgb(159,238,254)
```
#b2f2fe
```
#b2f2fe rgb(178,242,254)
```
#c5f5fe
```
#c5f5fe rgb(197,245,254)
```
#d9f8ff
```
#d9f8ff rgb(217,248,255)
```
#ecfcff
```
#ecfcff rgb(236,252,255)
```

Tint Color Variation

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

#8d989a
```
#8d989a rgb(141,152,154)
```
#859da2
```
#859da2 rgb(133,157,162)
```
#7da3aa
```
#7da3aa rgb(125,163,170)
```
#74a8b3
```
#74a8b3 rgb(116,168,179)
```
#6caebb
```
#6caebb rgb(108,174,187)
```
#64b3c3
```
#64b3c3 rgb(100,179,195)
```
#5cb9cb
```
#5cb9cb rgb(92,185,203)
```
#53bed4
```
#53bed4 rgb(83,190,212)
```
#4bc4dc
```
#4bc4dc rgb(75,196,220)
```
#43c9e4
```
#43c9e4 rgb(67,201,228)
```
#3bcfec
```
#3bcfec rgb(59,207,236)
```
#32d4f5
```
#32d4f5 rgb(50,212,245)
```
#2adafd
```
#2adafd rgb(42,218,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#90b3ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f1 Protanopia 1% of men
#bdc8ff Deuteranopia 1% of men
#0cdeee Tritanopia 0.001% of the population

Trichromacy

#8acff5 Protanomaly 1% of men, 0.01% of women
#88cefe Deuteranomaly 6% of men, 0.4% of women
#16dcf3 Tritanomaly 0.01% of the population

#2adafd hex color

#2adafd Color Information

#2adafd Color Conversion

Color Schemes with #2adafd

Alternatives to #2adafd

#2adafd Preview

Shades and Tints of #2adafd

Tones of #2adafd

Color Blindness Simulator