HEX Color #00BDE2 (Deepskyblue)

About #00BDE2

The precise color #00BDE2 is an excellent choice for modern design projects. Designers often compare it to the standard color Deepskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 189, and 226.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 16% M, 0% Y, and 11% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00BDE2

RGB0, 189, 226

HSL189.8°, 100.0%, 44.3%

CMYK100%, 16%, 0%, 11%

HSV189.8°, 100.0%, 88.6%

LAB70.8, -26.5, -29.6

XYZ31.9, 41.9, 78.4

Decimal48610

Color Harmonies

Complementary

#00BDE2 #E22500

Analogous

#00E296 #004BE2

Triadic

#E200BC #BCE200

Tetradic

#9600E2 #E22500 #4BE200

Tints, Shades & Tones

Tints (Adding White)

#00BDE2

#1CC4E5

#38CBE8

#55D3EB

#71DAEE

#8DE1F2

#AAE9F5

#C6F0F8

#E2F7FB

#FFFFFF

Shades (Adding Black)

#00BDE2

#00A8C8

#0093AF

#007E96

#00697D

#005464

#003F4B

#002A32

#001519

#000000

WCAG Contrast Accessibility

2.24:1

Text on #FFFFFF

FAIL

9.38:1

Text on #000000

AAA

2.14:1

Text on #F8FAFC

FAIL

7.97:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #00BDE2; }

.text-color { color: #00BDE2; }

.border-color { border: 2px solid #00BDE2; }

Similar Colors

Deepskyblue

#00BFFF