HEX Color #007CCC (Cornflowerblue)

About #007CCC

At its core, #007CCC is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Cornflowerblue. Its digital footprint relies on 0 parts red, 124 parts green, and 204 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 100% cyan, 39% magenta, 0% yellow, and 20% black. The HSL representation is 203.5° hue, 100.0% saturation, and 40.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#007CCC

RGB0, 124, 204

HSL203.5°, 100.0%, 40.0%

CMYK100%, 39%, 0%, 20%

HSV203.5°, 100.0%, 80.0%

LAB50.4, 1.4, -49.3

XYZ18.1, 18.8, 59.8

Decimal31948

Color Harmonies

Complementary

#007CCC #CC4F00

Analogous

#00CCB6 #0015CC

Triadic

#CC007B #7CCC00

Tetradic

#B500CC #CC4F00 #16CC00

Tints, Shades & Tones

Tints (Adding White)

#007CCC

#1C8AD1

#3899D7

#55A7DD

#71B6E2

#8DC4E8

#AAD3EE

#C6E1F3

#E2F0F9

#FFFFFF

Shades (Adding Black)

#007CCC

#006EB5

#00609E

#005288

#004471

#00375A

#002944

#001B2D

#000D16

#000000

WCAG Contrast Accessibility

4.42:1

Text on #FFFFFF

AA Large

4.75:1

Text on #000000

AA

4.22:1

Text on #F8FAFC

AA Large

4.04:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #007CCC; }

.text-color { color: #007CCC; }

.border-color { border: 2px solid #007CCC; }

Similar Colors

Cornflowerblue

#6495ED