colorhexa.com

#2adbfe hex color

In a RGB color space, hex #2adbfe is composed of 16.5% red, 85.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 13.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 189.9 degrees, a saturation of 99.1% and a lightness of 58%. #2adbfe color hex could be obtained by blending #54ffff with #00b7fd. Closest websafe color is: #33ccff.

- R 16
- G 86
- B 100
RGB color chart
- C 83
- M 14
- Y 0
- K 0
CMYK color chart

● #2adbfe color description : Bright cyan.

The hexadecimal color #2adbfe has RGB values of R:42, G:219, B:254 and CMYK values of C:0.83, M:0.14, Y:0, K:0. Its decimal value is 2808830.

Hex triplet	2adbfe	`#2adbfe`
RGB Decimal	42, 219, 254	`rgb(42,219,254)`
RGB Percent	16.5, 85.9, 99.6	`rgb(16.5%,85.9%,99.6%)`
CMYK	83, 14, 0, 0
HSL	189.9°, 99.1, 58	`hsl(189.9,99.1%,58%)`
HSV (or HSB)	189.9°, 83.5, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.909, -30.422, -29.047
XYZ	44.171, 58.307, 102.687
xyY	0.215, 0.284, 58.307
CIE-LCH	80.909, 42.062, 223.676
CIE-LUV	80.909, -56.613, -42.704
Hunter-Lab	76.359, -30.372, -26.282
Binary	00101010, 11011011, 11111110

#2adbfe
```
#2adbfe rgb(42,219,254)
```
#fe4d2a
```
#fe4d2a rgb(254,77,42)
```

Complementary Color

#2afeb7
```
#2afeb7 rgb(42,254,183)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#2a71fe
```
#2a71fe rgb(42,113,254)
```

Analogous Color

#feb72a
```
#feb72a rgb(254,183,42)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#fe2a71
```
#fe2a71 rgb(254,42,113)
```

Split Complementary Color

#dbfe2a
```
#dbfe2a rgb(219,254,42)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#fe2adb
```
#fe2adb rgb(254,42,219)
```

Triadic Color

#2afe4d
```
#2afe4d rgb(42,254,77)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#fe2adb
```
#fe2adb rgb(254,42,219)
```
#fe4d2a
```
#fe4d2a rgb(254,77,42)
```

Tetradic Color

#01b7da
```
#01b7da rgb(1,183,218)
```
#01ccf4
```
#01ccf4 rgb(1,204,244)
```
#11d7fe
```
#11d7fe rgb(17,215,254)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#43dffe
```
#43dffe rgb(67,223,254)
```
#5de4fe
```
#5de4fe rgb(93,228,254)
```
#76e8fe
```
#76e8fe rgb(118,232,254)
```

Monochromatic Color

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

#2afeec
```
#2afeec rgb(42,254,236)
```
#2afefe
```
#2afefe rgb(42,254,254)
```
#2aedfe
```
#2aedfe rgb(42,237,254)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#2ac9fe
```
#2ac9fe rgb(42,201,254)
```
#2ab8fe
```
#2ab8fe rgb(42,184,254)
```
#2aa6fe
```
#2aa6fe rgb(42,166,254)
```

Similar Colors

Text with hexadecimal color #2adbfe

This text has a font color of #2adbfe.

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

#2adbfe background color

This paragraph has a background color of #2adbfe.

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

#2adbfe border color

This element has a border color of #2adbfe.

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

CSS codes

.text {color:#2adbfe;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#001215
```
#001215 rgb(0,18,21)
```
#002229
```
#002229 rgb(0,34,41)
```
#00323c
```
#00323c rgb(0,50,60)
```
#004350
```
#004350 rgb(0,67,80)
```
#005363
```
#005363 rgb(0,83,99)
```
#016377
```
#016377 rgb(1,99,119)
```
#01748a
```
#01748a rgb(1,116,138)
```
#01849e
```
#01849e rgb(1,132,158)
```
#0194b1
```
#0194b1 rgb(1,148,177)
```
#01a5c5
```
#01a5c5 rgb(1,165,197)
```
#01b5d9
```
#01b5d9 rgb(1,181,217)
```
#01c5ec
```
#01c5ec rgb(1,197,236)
```

Shade Color Variation

#03d4fe
```
#03d4fe rgb(3,212,254)
```
#16d8fe
```
#16d8fe rgb(22,216,254)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```
#3edefe
```
#3edefe rgb(62,222,254)
```
#51e2fe
```
#51e2fe rgb(81,226,254)
```
#65e5fe
```
#65e5fe rgb(101,229,254)
```
#78e8fe
```
#78e8fe rgb(120,232,254)
```
#8cebfe
```
#8cebfe rgb(140,235,254)
```
#9fefff
```
#9fefff rgb(159,239,255)
```
#b3f2ff
```
#b3f2ff rgb(179,242,255)
```
#c6f5ff
```
#c6f5ff rgb(198,245,255)
```
#daf9ff
```
#daf9ff rgb(218,249,255)
```
#edfcff
```
#edfcff rgb(237,252,255)
```

Tint Color Variation

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

#8d999b
```
#8d999b rgb(141,153,155)
```
#859ea3
```
#859ea3 rgb(133,158,163)
```
#7ca4ac
```
#7ca4ac rgb(124,164,172)
```
#74a9b4
```
#74a9b4 rgb(116,169,180)
```
#6cafbc
```
#6cafbc rgb(108,175,188)
```
#64b4c4
```
#64b4c4 rgb(100,180,196)
```
#5bbacd
```
#5bbacd rgb(91,186,205)
```
#53bfd5
```
#53bfd5 rgb(83,191,213)
```
#4bc5dd
```
#4bc5dd rgb(75,197,221)
```
#43cae5
```
#43cae5 rgb(67,202,229)
```
#3ad0ee
```
#3ad0ee rgb(58,208,238)
```
#32d5f6
```
#32d5f6 rgb(50,213,246)
```
#2adbfe
```
#2adbfe rgb(42,219,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#90b4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c9f2 Protanopia 1% of men
#bec9ff Deuteranopia 1% of men
#0bdfef Tritanopia 0.001% of the population

Trichromacy

#8ad0f6 Protanomaly 1% of men, 0.01% of women
#88cffe Deuteranomaly 6% of men, 0.4% of women
#16ddf4 Tritanomaly 0.01% of the population