#2adafc hex color

In a RGB color space, hex #2adafc is composed of 16.5% red, 85.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 13.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 189.7 degrees, a saturation of 97.2% and a lightness of 57.6%. #2adafc color hex could be obtained by blending #54ffff with #00b5f9. Closest websafe color is: #33ccff.

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

● #2adafc color description : Bright cyan.

The hexadecimal color #2adafc has RGB values of R:42, G:218, B:252 and CMYK values of C:0.83, M:0.13, Y:0, K:0.01. Its decimal value is 2808572.

Hex triplet	2adafc	`#2adafc`
RGB Decimal	42, 218, 252	`rgb(42,218,252)`
RGB Percent	16.5, 85.5, 98.8	`rgb(16.5%,85.5%,98.8%)`
CMYK	83, 13, 0, 1
HSL	189.7°, 97.2, 57.6	`hsl(189.7,97.2%,57.6%)`
HSV (or HSB)	189.7°, 83.3, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.549, -30.569, -28.538
XYZ	43.592, 57.659, 100.922
xyY	0.216, 0.285, 57.659
CIE-LCH	80.549, 41.819, 223.032
CIE-LUV	80.549, -56.422, -41.789
Hunter-Lab	75.934, -30.41, -25.648
Binary	00101010, 11011010, 11111100

#2adafc
```
#2adafc rgb(42,218,252)
```
#fc4c2a
```
#fc4c2a rgb(252,76,42)
```

Complementary Color

#2afcb5
```
#2afcb5 rgb(42,252,181)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#2a71fc
```
#2a71fc rgb(42,113,252)
```

Analogous Color

#fcb52a
```
#fcb52a rgb(252,181,42)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#fc2a71
```
#fc2a71 rgb(252,42,113)
```

Split Complementary Color

#dafc2a
```
#dafc2a rgb(218,252,42)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#fc2ada
```
#fc2ada rgb(252,42,218)
```

Triadic Color

#2afc4c
```
#2afc4c rgb(42,252,76)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#fc2ada
```
#fc2ada rgb(252,42,218)
```
#fc4c2a
```
#fc4c2a rgb(252,76,42)
```

Tetradic Color

#03b4d6
```
#03b4d6 rgb(3,180,214)
```
#03c9f0
```
#03c9f0 rgb(3,201,240)
```
#11d6fc
```
#11d6fc rgb(17,214,252)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#43defc
```
#43defc rgb(67,222,252)
```
#5ce3fd
```
#5ce3fd rgb(92,227,253)
```
#75e7fd
```
#75e7fd rgb(117,231,253)
```

Monochromatic Color

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

#2afcea
```
#2afcea rgb(42,252,234)
```
#2afcfb
```
#2afcfb rgb(42,252,251)
```
#2aecfc
```
#2aecfc rgb(42,236,252)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#2ac9fc
```
#2ac9fc rgb(42,201,252)
```
#2ab7fc
```
#2ab7fc rgb(42,183,252)
```
#2aa6fc
```
#2aa6fc rgb(42,166,252)
```

Similar Colors

Text with hexadecimal color #2adafc

This text has a font color of #2adafc.

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

#2adafc background color

This paragraph has a background color of #2adafc.

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

#2adafc border color

This element has a border color of #2adafc.

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

CSS codes

.text {color:#2adafc;}

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

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

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

#001013
```
#001013 rgb(0,16,19)
```
#012026
```
#012026 rgb(1,32,38)
```
#01313a
```
#01313a rgb(1,49,58)
```
#01414d
```
#01414d rgb(1,65,77)
```
#015160
```
#015160 rgb(1,81,96)
```
#026174
```
#026174 rgb(2,97,116)
```
#027287
```
#027287 rgb(2,114,135)
```
#02829b
```
#02829b rgb(2,130,155)
```
#0292ae
```
#0292ae rgb(2,146,174)
```
#03a2c1
```
#03a2c1 rgb(3,162,193)
```
#03b3d5
```
#03b3d5 rgb(3,179,213)
```
#03c3e8
```
#03c3e8 rgb(3,195,232)
```
#04d3fb
```
#04d3fb rgb(4,211,251)
```

Shade Color Variation

#17d7fc
```
#17d7fc rgb(23,215,252)
```
#2adafc
```
#2adafc rgb(42,218,252)
```
#3dddfc
```
#3dddfc rgb(61,221,252)
```
#51e1fd
```
#51e1fd rgb(81,225,253)
```
#64e4fd
```
#64e4fd rgb(100,228,253)
```
#77e7fd
```
#77e7fd rgb(119,231,253)
```
#8bebfd
```
#8bebfd rgb(139,235,253)
```
#9eeefe
```
#9eeefe rgb(158,238,254)
```
#b1f2fe
```
#b1f2fe rgb(177,242,254)
```
#c5f5fe
```
#c5f5fe rgb(197,245,254)
```
#d8f8fe
```
#d8f8fe rgb(216,248,254)
```
#ebfcff
```
#ebfcff rgb(235,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e9798
```
#8e9798 rgb(142,151,152)
```
#859ca1
```
#859ca1 rgb(133,156,161)
```
#7da2a9
```
#7da2a9 rgb(125,162,169)
```
#75a7b1
```
#75a7b1 rgb(117,167,177)
```
#6cadba
```
#6cadba rgb(108,173,186)
```
#64b3c2
```
#64b3c2 rgb(100,179,194)
```
#5cb8ca
```
#5cb8ca rgb(92,184,202)
```
#54bed2
```
#54bed2 rgb(84,190,210)
```
#4bc4db
```
#4bc4db rgb(75,196,219)
```
#43c9e3
```
#43c9e3 rgb(67,201,227)
```
#3bcfeb
```
#3bcfeb rgb(59,207,235)
```
#32d4f4
```
#32d4f4 rgb(50,212,244)
```
#2adafc
```
#2adafc rgb(42,218,252)
```

Tone Color Variation

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

#c1c9f0 Protanopia 1% of men
#bdc8ff Deuteranopia 1% of men
#12deee Tritanopia 0.001% of the population

Trichromacy

#8acff4 Protanomaly 1% of men, 0.01% of women
#88cefd Deuteranomaly 6% of men, 0.4% of women
#1bdcf3 Tritanomaly 0.01% of the population

#2adafc hex color

#2adafc Color Information

#2adafc Color Conversion

Color Schemes with #2adafc

Alternatives to #2adafc

#2adafc Preview

Shades and Tints of #2adafc

Tones of #2adafc

Color Blindness Simulator