#00badf hex color

In a RGB color space, hex #00badf is composed of 0% red, 72.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 16.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 190 degrees, a saturation of 100% and a lightness of 43.7%. #00badf color hex could be obtained by blending #00ffff with #0075bf. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 73
- B 87
RGB color chart
- C 100
- M 17
- Y 0
- K 13
CMYK color chart

● #00badf color description : Pure (or mostly pure) cyan.

The hexadecimal color #00badf has RGB values of R:0, G:186, B:223 and CMYK values of C:1, M:0.17, Y:0, K:0.13. Its decimal value is 47839.

Hex triplet	00badf	`#00badf`
RGB Decimal	0, 186, 223	`rgb(0,186,223)`
RGB Percent	0, 72.9, 87.5	`rgb(0%,72.9%,87.5%)`
CMYK	100, 17, 0, 13
HSL	190°, 100, 43.7	`hsl(190,100%,43.7%)`
HSV (or HSB)	190°, 100, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.783, -26.048, -29.499
XYZ	30.875, 40.442, 75.987
xyY	0.21, 0.275, 40.442
CIE-LCH	69.783, 39.353, 228.555
CIE-LUV	69.783, -50.027, -43.343
Hunter-Lab	63.594, -24.63, -26.328
Binary	00000000, 10111010, 11011111

#00badf
```
#00badf rgb(0,186,223)
```
#df2500
```
#df2500 rgb(223,37,0)
```

Complementary Color

#00df95
```
#00df95 rgb(0,223,149)
```
#00badf
```
#00badf rgb(0,186,223)
```
#004bdf
```
#004bdf rgb(0,75,223)
```

Analogous Color

#df9500
```
#df9500 rgb(223,149,0)
```
#00badf
```
#00badf rgb(0,186,223)
```
#df004b
```
#df004b rgb(223,0,75)
```

Split Complementary Color

#badf00
```
#badf00 rgb(186,223,0)
```
#00badf
```
#00badf rgb(0,186,223)
```
#df00ba
```
#df00ba rgb(223,0,186)
```

Triadic Color

#00df25
```
#00df25 rgb(0,223,37)
```
#00badf
```
#00badf rgb(0,186,223)
```
#df00ba
```
#df00ba rgb(223,0,186)
```
#df2500
```
#df2500 rgb(223,37,0)
```

Tetradic Color

#007a93
```
#007a93 rgb(0,122,147)
```
#008fac
```
#008fac rgb(0,143,172)
```
#00a5c6
```
#00a5c6 rgb(0,165,198)
```
#00badf
```
#00badf rgb(0,186,223)
```
#00cff9
```
#00cff9 rgb(0,207,249)
```
#13d8ff
```
#13d8ff rgb(19,216,255)
```
#2ddcff
```
#2ddcff rgb(45,220,255)
```

Monochromatic Color

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

#00dfcc
```
#00dfcc rgb(0,223,204)
```
#00dfdf
```
#00dfdf rgb(0,223,223)
```
#00cddf
```
#00cddf rgb(0,205,223)
```
#00badf
```
#00badf rgb(0,186,223)
```
#00a7df
```
#00a7df rgb(0,167,223)
```
#0095df
```
#0095df rgb(0,149,223)
```
#0082df
```
#0082df rgb(0,130,223)
```

Similar Colors

Text with hexadecimal color #00badf

This text has a font color of #00badf.

<span style="color:#00badf;">Text here</span>

#00badf background color

This paragraph has a background color of #00badf.

<p style="background-color:#00badf;">Content here</p>

#00badf border color

This element has a border color of #00badf.

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

CSS codes

.text {color:#00badf;}

.background {background-color:#00badf;}

.border {border:1px solid #00badf;}

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

#000607
```
#000607 rgb(0,6,7)
```
#00161b
```
#00161b rgb(0,22,27)
```
#00272e
```
#00272e rgb(0,39,46)
```
#003742
```
#003742 rgb(0,55,66)
```
#004756
```
#004756 rgb(0,71,86)
```
#005869
```
#005869 rgb(0,88,105)
```
#00687d
```
#00687d rgb(0,104,125)
```
#007991
```
#007991 rgb(0,121,145)
```
#0089a4
```
#0089a4 rgb(0,137,164)
```
#0099b8
```
#0099b8 rgb(0,153,184)
```
#00aacb
```
#00aacb rgb(0,170,203)
```
#00badf
```
#00badf rgb(0,186,223)
```
#00caf3
```
#00caf3 rgb(0,202,243)
```

Shade Color Variation

#07d6ff
```
#07d6ff rgb(7,214,255)
```
#1bd9ff
```
#1bd9ff rgb(27,217,255)
```
#2edcff
```
#2edcff rgb(46,220,255)
```
#42e0ff
```
#42e0ff rgb(66,224,255)
```
#56e3ff
```
#56e3ff rgb(86,227,255)
```
#69e6ff
```
#69e6ff rgb(105,230,255)
```
#7de9ff
```
#7de9ff rgb(125,233,255)
```
#91edff
```
#91edff rgb(145,237,255)
```
#a4f0ff
```
#a4f0ff rgb(164,240,255)
```
#b8f3ff
```
#b8f3ff rgb(184,243,255)
```
#cbf6ff
```
#cbf6ff rgb(203,246,255)
```
#dffaff
```
#dffaff rgb(223,250,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #677578 is the less saturated color, while #00badf is the most saturated one.

#677578
```
#677578 rgb(103,117,120)
```
#5e7b81
```
#5e7b81 rgb(94,123,129)
```
#568189
```
#568189 rgb(86,129,137)
```
#4d8692
```
#4d8692 rgb(77,134,146)
```
#458c9a
```
#458c9a rgb(69,140,154)
```
#3c92a3
```
#3c92a3 rgb(60,146,163)
```
#3398ac
```
#3398ac rgb(51,152,172)
```
#2b9db4
```
#2b9db4 rgb(43,157,180)
```
#22a3bd
```
#22a3bd rgb(34,163,189)
```
#1aa9c5
```
#1aa9c5 rgb(26,169,197)
```
#11afce
```
#11afce rgb(17,175,206)
```
#09b4d6
```
#09b4d6 rgb(9,180,214)
```
#00badf
```
#00badf rgb(0,186,223)
```

Tone Color Variation

Below, you can see how #00badf 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

#878787 Achromatopsia 0.005% of the population
#6c9199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add6 Protanopia 1% of men
#9cace7 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#68b1d9 Protanomaly 1% of men, 0.01% of women
#63b1e4 Deuteranomaly 6% of men, 0.4% of women
#00bdd3 Tritanomaly 0.01% of the population

#00badf hex color

#00badf Color Information

#00badf Color Conversion

Color Schemes with #00badf

Alternatives to #00badf

#00badf Preview

Shades and Tints of #00badf

Tones of #00badf

Color Blindness Simulator