#0badd8 hex color

In a RGB color space, hex #0badd8 is composed of 4.3% red, 67.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 19.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 192.6 degrees, a saturation of 90.3% and a lightness of 44.5%. #0badd8 color hex could be obtained by blending #16ffff with #005bb1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 4
- G 68
- B 85
RGB color chart
- C 95
- M 20
- Y 0
- K 15
CMYK color chart

● #0badd8 color description : Strong cyan.

The hexadecimal color #0badd8 has RGB values of R:11, G:173, B:216 and CMYK values of C:0.95, M:0.2, Y:0, K:0.15. Its decimal value is 765400.

Hex triplet	0badd8	`#0badd8`
RGB Decimal	11, 173, 216	`rgb(11,173,216)`
RGB Percent	4.3, 67.8, 84.7	`rgb(4.3%,67.8%,84.7%)`
CMYK	95, 20, 0, 15
HSL	192.6°, 90.3, 44.5	`hsl(192.6,90.3%,44.5%)`
HSV (or HSB)	192.6°, 94.9, 84.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.681, -21.482, -31.992
XYZ	27.473, 34.913, 70.253
xyY	0.207, 0.263, 34.913
CIE-LCH	65.681, 38.535, 236.119
CIE-LUV	65.681, -45.777, -47.762
Hunter-Lab	59.088, -20.409, -29.132
Binary	00001011, 10101101, 11011000

#0badd8
```
#0badd8 rgb(11,173,216)
```
#d8360b
```
#d8360b rgb(216,54,11)
```

Complementary Color

#0bd89d
```
#0bd89d rgb(11,216,157)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#0b46d8
```
#0b46d8 rgb(11,70,216)
```

Analogous Color

#d89d0b
```
#d89d0b rgb(216,157,11)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#d80b46
```
#d80b46 rgb(216,11,70)
```

Split Complementary Color

#add80b
```
#add80b rgb(173,216,11)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#d80bad
```
#d80bad rgb(216,11,173)
```

Triadic Color

#0bd836
```
#0bd836 rgb(11,216,54)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#d80bad
```
#d80bad rgb(216,11,173)
```
#d8360b
```
#d8360b rgb(216,54,11)
```

Tetradic Color

#07738f
```
#07738f rgb(7,115,143)
```
#0986a7
```
#0986a7 rgb(9,134,167)
```
#0a9ac0
```
#0a9ac0 rgb(10,154,192)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#0cc0f0
```
#0cc0f0 rgb(12,192,240)
```
#22c8f4
```
#22c8f4 rgb(34,200,244)
```
#3bcef5
```
#3bcef5 rgb(59,206,245)
```

Monochromatic Color

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

#0bd8d0
```
#0bd8d0 rgb(11,216,208)
```
#0bcfd8
```
#0bcfd8 rgb(11,207,216)
```
#0bbed8
```
#0bbed8 rgb(11,190,216)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#0b9cd8
```
#0b9cd8 rgb(11,156,216)
```
#0b8bd8
```
#0b8bd8 rgb(11,139,216)
```
#0b7ad8
```
#0b7ad8 rgb(11,122,216)
```

Similar Colors

Text with hexadecimal color #0badd8

This text has a font color of #0badd8.

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

#0badd8 background color

This paragraph has a background color of #0badd8.

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

#0badd8 border color

This element has a border color of #0badd8.

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

CSS codes

.text {color:#0badd8;}

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

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

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, #01090b is the darkest color, while #f7fdff is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#01181d
```
#01181d rgb(1,24,29)
```
#022630
```
#022630 rgb(2,38,48)
```
#033543
```
#033543 rgb(3,53,67)
```
#044455
```
#044455 rgb(4,68,85)
```
#055368
```
#055368 rgb(5,83,104)
```
#06627b
```
#06627b rgb(6,98,123)
```
#07718d
```
#07718d rgb(7,113,141)
```
#0880a0
```
#0880a0 rgb(8,128,160)
```
#098fb3
```
#098fb3 rgb(9,143,179)
```
#0a9ec5
```
#0a9ec5 rgb(10,158,197)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#0cbceb
```
#0cbceb rgb(12,188,235)
```

Shade Color Variation

#17c5f3
```
#17c5f3 rgb(23,197,243)
```
#2acaf4
```
#2acaf4 rgb(42,202,244)
```
#3ccef5
```
#3ccef5 rgb(60,206,245)
```
#4fd3f6
```
#4fd3f6 rgb(79,211,246)
```
#62d8f7
```
#62d8f7 rgb(98,216,247)
```
#74dcf8
```
#74dcf8 rgb(116,220,248)
```
#87e1f9
```
#87e1f9 rgb(135,225,249)
```
#9ae6fa
```
#9ae6fa rgb(154,230,250)
```
#aceafb
```
#aceafb rgb(172,234,251)
```
#bfeffc
```
#bfeffc rgb(191,239,252)
```
#d2f4fd
```
#d2f4fd rgb(210,244,253)
```
#e4f8fe
```
#e4f8fe rgb(228,248,254)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7578 is the less saturated color, while #02b2e1 is the most saturated one.

#6b7578
```
#6b7578 rgb(107,117,120)
```
#627a81
```
#627a81 rgb(98,122,129)
```
#5a7f89
```
#5a7f89 rgb(90,127,137)
```
#518492
```
#518492 rgb(81,132,146)
```
#488a9b
```
#488a9b rgb(72,138,155)
```
#3f8fa4
```
#3f8fa4 rgb(63,143,164)
```
#3794ac
```
#3794ac rgb(55,148,172)
```
#2e99b5
```
#2e99b5 rgb(46,153,181)
```
#259ebe
```
#259ebe rgb(37,158,190)
```
#1ca3c7
```
#1ca3c7 rgb(28,163,199)
```
#14a8cf
```
#14a8cf rgb(20,168,207)
```
#0badd8
```
#0badd8 rgb(11,173,216)
```
#02b2e1
```
#02b2e1 rgb(2,178,225)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#698a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a2d0 Protanopia 1% of men
#8ea2df Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#64a6d3 Protanomaly 1% of men, 0.01% of women
#5ea6dc Deuteranomaly 6% of men, 0.4% of women
#04b1c9 Tritanomaly 0.01% of the population

#0badd8 hex color

#0badd8 Color Information

#0badd8 Color Conversion

Color Schemes with #0badd8

Alternatives to #0badd8

#0badd8 Preview

Shades and Tints of #0badd8

Tones of #0badd8

Color Blindness Simulator