HEX Color #07A0BD (Cadetblue)

About #07A0BD

The precise color #07A0BD is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Cadetblue. Its digital footprint relies on 7 parts red, 160 parts green, and 189 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 96% Cyan, 15% Magenta, 0% Yellow, and 26% Black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#07A0BD

RGB7, 160, 189

HSL189.6°, 92.9%, 38.4%

CMYK96%, 15%, 0%, 26%

HSV189.6°, 96.3%, 74.1%

LAB60.7, -24.2, -24.7

XYZ21.8, 28.9, 52.6

Decimal499901

Color Harmonies

Complementary

#07A0BD #BD2407

Analogous

#07BD7F #0744BD

Triadic

#BD079F #9FBD07

Tetradic

#7F07BD #BD2407 #44BD07

Tints, Shades & Tones

Tints (Adding White)

#07A0BD

#22AAC4

#3EB5CB

#59BFD3

#75CADA

#90D4E1

#ACDFE9

#C7E9F0

#E3F4F7

#FFFFFF

Shades (Adding Black)

#07A0BD

#068EA8

#057C93

#046A7E

#035869

#034754

#02353F

#01232A

#001115

#000000

WCAG Contrast Accessibility

3.10:1

Text on #FFFFFF

AA Large

6.77:1

Text on #000000

AA

2.96:1

Text on #F8FAFC

FAIL

5.76:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #07A0BD; }

.text-color { color: #07A0BD; }

.border-color { border: 2px solid #07A0BD; }

Similar Colors

Cadetblue

#5F9EA0