HEX Color #00BDF0 (Deepskyblue)

About #00BDF0

The hex code #00BDF0 represents a beautifully specific shade of cyan. It is closely associated with the named CSS color Deepskyblue. In the RGB color space, it consists of 0 red, 189 green, and 240 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 100% cyan, 21% magenta, 0% yellow, and 6% black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00BDF0

RGB0, 189, 240

HSL192.8°, 100.0%, 47.1%

CMYK100%, 21%, 0%, 6%

HSV192.8°, 100.0%, 94.1%

LAB71.3, -21.8, -36.3

XYZ33.9, 42.7, 88.9

Decimal48624

Color Harmonies

Complementary

#00BDF0 #EF3200

Analogous

#00EFAB #0044EF

Triadic

#EF00BC #BCEF00

Tetradic

#AA00EF #EF3200 #45EF00

Tints, Shades & Tones

Tints (Adding White)

#00BDF0

#1CC4F1

#38CBF3

#55D3F5

#71DAF6

#8DE1F8

#AAE9FA

#C6F0FB

#E2F7FD

#FFFFFF

Shades (Adding Black)

#00BDF0

#00A8D5

#0093BA

#007EA0

#006985

#00546A

#003F50

#002A35

#00151A

#000000

WCAG Contrast Accessibility

2.20:1

Text on #FFFFFF

FAIL

9.54:1

Text on #000000

AAA

2.10:1

Text on #F8FAFC

FAIL

8.11:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Deepskyblue

#00BFFF