#0adefd hex color

In a RGB color space, hex #0adefd is composed of 3.9% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 187.7 degrees, a saturation of 98.4% and a lightness of 51.6%. #0adefd color hex could be obtained by blending #14ffff with #00bdfb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 87
- B 99
RGB color chart
- C 96
- M 12
- Y 0
- K 1
CMYK color chart

● #0adefd color description : Vivid cyan.

The hexadecimal color #0adefd has RGB values of R:10, G:222, B:253 and CMYK values of C:0.96, M:0.12, Y:0, K:0.01. Its decimal value is 712445.

Hex triplet	0adefd	`#0adefd`
RGB Decimal	10, 222, 253	`rgb(10,222,253)`
RGB Percent	3.9, 87.1, 99.2	`rgb(3.9%,87.1%,99.2%)`
CMYK	96, 12, 0, 1
HSL	187.7°, 98.4, 51.6	`hsl(187.7,98.4%,51.6%)`
HSV (or HSB)	187.7°, 96, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.508, -33.588, -27.621
XYZ	43.971, 59.394, 102.07
xyY	0.214, 0.289, 59.394
CIE-LCH	81.508, 43.487, 219.432
CIE-LUV	81.508, -59.468, -39.871
Hunter-Lab	77.068, -33.026, -24.577
Binary	00001010, 11011110, 11111101

#0adefd
```
#0adefd rgb(10,222,253)
```
#fd290a
```
#fd290a rgb(253,41,10)
```

Complementary Color

#0afda3
```
#0afda3 rgb(10,253,163)
```
#0adefd
```
#0adefd rgb(10,222,253)
```
#0a65fd
```
#0a65fd rgb(10,101,253)
```

Analogous Color

#fda30a
```
#fda30a rgb(253,163,10)
```
#0adefd
```
#0adefd rgb(10,222,253)
```
#fd0a65
```
#fd0a65 rgb(253,10,101)
```

Split Complementary Color

#defd0a
```
#defd0a rgb(222,253,10)
```
#0adefd
```
#0adefd rgb(10,222,253)
```
#fd0ade
```
#fd0ade rgb(253,10,222)
```

Triadic Color

#0afd29
```
#0afd29 rgb(10,253,41)
```
#0adefd
```
#0adefd rgb(10,222,253)
```
#fd0ade
```
#fd0ade rgb(253,10,222)
```
#fd290a
```
#fd290a rgb(253,41,10)
```

Tetradic Color

#02a2b9
```
#02a2b9 rgb(2,162,185)
```
#02b8d2
```
#02b8d2 rgb(2,184,210)
```
#02ceec
```
#02ceec rgb(2,206,236)
```
#0adefd
```
#0adefd rgb(10,222,253)
```
#23e1fd
```
#23e1fd rgb(35,225,253)
```
#3de5fd
```
#3de5fd rgb(61,229,253)
```
#56e8fe
```
#56e8fe rgb(86,232,254)
```

Monochromatic Color

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

#0afddf
```
#0afddf rgb(10,253,223)
```
#0afdf4
```
#0afdf4 rgb(10,253,244)
```
#0af2fd
```
#0af2fd rgb(10,242,253)
```
#0adefd
```
#0adefd rgb(10,222,253)
```
#0acafd
```
#0acafd rgb(10,202,253)
```
#0ab6fd
```
#0ab6fd rgb(10,182,253)
```
#0aa1fd
```
#0aa1fd rgb(10,161,253)
```

Similar Colors

Text with hexadecimal color #0adefd

This text has a font color of #0adefd.

<span style="color:#0adefd;">Text here</span>

#0adefd background color

This paragraph has a background color of #0adefd.

<p style="background-color:#0adefd;">Content here</p>

#0adefd border color

This element has a border color of #0adefd.

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

CSS codes

.text {color:#0adefd;}

.background {background-color:#0adefd;}

.border {border:1px solid #0adefd;}

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

#000708
```
#000708 rgb(0,7,8)
```
#00181b
```
#00181b rgb(0,24,27)
```
#00292f
```
#00292f rgb(0,41,47)
```
#013a42
```
#013a42 rgb(1,58,66)
```
#014b56
```
#014b56 rgb(1,75,86)
```
#015c69
```
#015c69 rgb(1,92,105)
```
#016d7d
```
#016d7d rgb(1,109,125)
```
#017e90
```
#017e90 rgb(1,126,144)
```
#018fa4
```
#018fa4 rgb(1,143,164)
```
#01a0b7
```
#01a0b7 rgb(1,160,183)
```
#02b1cb
```
#02b1cb rgb(2,177,203)
```
#02c2de
```
#02c2de rgb(2,194,222)
```
#02d3f1
```
#02d3f1 rgb(2,211,241)
```

Shade Color Variation

#0adefd
```
#0adefd rgb(10,222,253)
```
#1de1fd
```
#1de1fd rgb(29,225,253)
```
#31e3fd
```
#31e3fd rgb(49,227,253)
```
#44e6fd
```
#44e6fd rgb(68,230,253)
```
#58e8fe
```
#58e8fe rgb(88,232,254)
```
#6bebfe
```
#6bebfe rgb(107,235,254)
```
#7feefe
```
#7feefe rgb(127,238,254)
```
#92f0fe
```
#92f0fe rgb(146,240,254)
```
#a6f3fe
```
#a6f3fe rgb(166,243,254)
```
#b9f6fe
```
#b9f6fe rgb(185,246,254)
```
#cdf8ff
```
#cdf8ff rgb(205,248,255)
```
#e0fbff
```
#e0fbff rgb(224,251,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c898b is the less saturated color, while #0adefd is the most saturated one.

#7c898b
```
#7c898b rgb(124,137,139)
```
#739095
```
#739095 rgb(115,144,149)
```
#69979e
```
#69979e rgb(105,151,158)
```
#609ea8
```
#609ea8 rgb(96,158,168)
```
#56a5b1
```
#56a5b1 rgb(86,165,177)
```
#4dacbb
```
#4dacbb rgb(77,172,187)
```
#43b4c4
```
#43b4c4 rgb(67,180,196)
```
#3abbce
```
#3abbce rgb(58,187,206)
```
#30c2d7
```
#30c2d7 rgb(48,194,215)
```
#27c9e1
```
#27c9e1 rgb(39,201,225)
```
#1dd0ea
```
#1dd0ea rgb(29,208,234)
```
#14d7f4
```
#14d7f4 rgb(20,215,244)
```
#0adefd
```
#0adefd rgb(10,222,253)
```

Tone Color Variation

Below, you can see how #0adefd 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

#a2a2a2 Achromatopsia 0.005% of the population
#84aeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbf0 Protanopia 1% of men
#c1caff Deuteranopia 1% of men
#00e1f1 Tritanopia 0.001% of the population

Trichromacy

#81d2f5 Protanomaly 1% of men, 0.01% of women
#7fd1fe Deuteranomaly 6% of men, 0.4% of women
#03e0f5 Tritanomaly 0.01% of the population

#0adefd hex color

#0adefd Color Information

#0adefd Color Conversion

Color Schemes with #0adefd

Alternatives to #0adefd

#0adefd Preview

Shades and Tints of #0adefd

Tones of #0adefd

Color Blindness Simulator