#00badd hex color

In a RGB color space, hex #00badd is composed of 0% red, 72.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 15.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 189.5 degrees, a saturation of 100% and a lightness of 43.3%. #00badd color hex could be obtained by blending #00ffff with #0075bb. Closest websafe color is: #00cccc.

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

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

The hexadecimal color #00badd has RGB values of R:0, G:186, B:221 and CMYK values of C:1, M:0.16, Y:0, K:0.13. Its decimal value is 47837.

Hex triplet	00badd	`#00badd`
RGB Decimal	0, 186, 221	`rgb(0,186,221)`
RGB Percent	0, 72.9, 86.7	`rgb(0%,72.9%,86.7%)`
CMYK	100, 16, 0, 13
HSL	189.5°, 100, 43.3	`hsl(189.5,100%,43.3%)`
HSV (or HSB)	189.5°, 100, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.708, -26.718, -28.524
XYZ	30.606, 40.335, 74.575
xyY	0.21, 0.277, 40.335
CIE-LCH	69.708, 39.083, 226.872
CIE-LUV	69.708, -50.184, -41.603
Hunter-Lab	63.51, -25.121, -25.163
Binary	00000000, 10111010, 11011101

#00badd
```
#00badd rgb(0,186,221)
```
#dd2300
```
#dd2300 rgb(221,35,0)
```

Complementary Color

#00dd92
```
#00dd92 rgb(0,221,146)
```
#00badd
```
#00badd rgb(0,186,221)
```
#004cdd
```
#004cdd rgb(0,76,221)
```

Analogous Color

#dd9200
```
#dd9200 rgb(221,146,0)
```
#00badd
```
#00badd rgb(0,186,221)
```
#dd004c
```
#dd004c rgb(221,0,76)
```

Split Complementary Color

#badd00
```
#badd00 rgb(186,221,0)
```
#00badd
```
#00badd rgb(0,186,221)
```
#dd00ba
```
#dd00ba rgb(221,0,186)
```

Triadic Color

#00dd23
```
#00dd23 rgb(0,221,35)
```
#00badd
```
#00badd rgb(0,186,221)
```
#dd00ba
```
#dd00ba rgb(221,0,186)
```
#dd2300
```
#dd2300 rgb(221,35,0)
```

Tetradic Color

#007a91
```
#007a91 rgb(0,122,145)
```
#008faa
```
#008faa rgb(0,143,170)
```
#00a5c4
```
#00a5c4 rgb(0,165,196)
```
#00badd
```
#00badd rgb(0,186,221)
```
#00cff7
```
#00cff7 rgb(0,207,247)
```
#11d9ff
```
#11d9ff rgb(17,217,255)
```
#2bddff
```
#2bddff rgb(43,221,255)
```

Monochromatic Color

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

#00ddc9
```
#00ddc9 rgb(0,221,201)
```
#00dddb
```
#00dddb rgb(0,221,219)
```
#00ccdd
```
#00ccdd rgb(0,204,221)
```
#00badd
```
#00badd rgb(0,186,221)
```
#00a8dd
```
#00a8dd rgb(0,168,221)
```
#0095dd
```
#0095dd rgb(0,149,221)
```
#0083dd
```
#0083dd rgb(0,131,221)
```

Similar Colors

Text with hexadecimal color #00badd

This text has a font color of #00badd.

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

#00badd background color

This paragraph has a background color of #00badd.

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

#00badd border color

This element has a border color of #00badd.

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

CSS codes

.text {color:#00badd;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001519
```
#001519 rgb(0,21,25)
```
#00252c
```
#00252c rgb(0,37,44)
```
#003640
```
#003640 rgb(0,54,64)
```
#004654
```
#004654 rgb(0,70,84)
```
#005767
```
#005767 rgb(0,87,103)
```
#00677b
```
#00677b rgb(0,103,123)
```
#00788f
```
#00788f rgb(0,120,143)
```
#0088a2
```
#0088a2 rgb(0,136,162)
```
#0099b6
```
#0099b6 rgb(0,153,182)
```
#00a9c9
```
#00a9c9 rgb(0,169,201)
```
#00badd
```
#00badd rgb(0,186,221)
```
#00cbf1
```
#00cbf1 rgb(0,203,241)
```

Shade Color Variation

#05d7ff
```
#05d7ff rgb(5,215,255)
```
#19dbff
```
#19dbff rgb(25,219,255)
```
#2cdeff
```
#2cdeff rgb(44,222,255)
```
#40e1ff
```
#40e1ff rgb(64,225,255)
```
#54e4ff
```
#54e4ff rgb(84,228,255)
```
#67e7ff
```
#67e7ff rgb(103,231,255)
```
#7beaff
```
#7beaff rgb(123,234,255)
```
#8fedff
```
#8fedff rgb(143,237,255)
```
#a2f0ff
```
#a2f0ff rgb(162,240,255)
```
#b6f3ff
```
#b6f3ff rgb(182,243,255)
```
#c9f7ff
```
#c9f7ff rgb(201,247,255)
```
#ddfaff
```
#ddfaff rgb(221,250,255)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#667477
```
#667477 rgb(102,116,119)
```
#5e7a80
```
#5e7a80 rgb(94,122,128)
```
#558088
```
#558088 rgb(85,128,136)
```
#4d8691
```
#4d8691 rgb(77,134,145)
```
#448c99
```
#448c99 rgb(68,140,153)
```
#3c91a2
```
#3c91a2 rgb(60,145,162)
```
#3397aa
```
#3397aa rgb(51,151,170)
```
#2b9db3
```
#2b9db3 rgb(43,157,179)
```
#22a3bb
```
#22a3bb rgb(34,163,187)
```
#1aa9c4
```
#1aa9c4 rgb(26,169,196)
```
#11aecc
```
#11aecc rgb(17,174,204)
```
#09b4d5
```
#09b4d5 rgb(9,180,213)
```
#00badd
```
#00badd rgb(0,186,221)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6b9097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add4 Protanopia 1% of men
#9eace5 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#68b1d7 Protanomaly 1% of men, 0.01% of women
#64b1e2 Deuteranomaly 6% of men, 0.4% of women
#00bdd2 Tritanomaly 0.01% of the population

#00badd hex color

#00badd Color Information

#00badd Color Conversion

Color Schemes with #00badd

Alternatives to #00badd

#00badd Preview

Shades and Tints of #00badd

Tones of #00badd

Color Blindness Simulator