#0700BD

A dark, vivid blue closely aligning with Mediumblue.

About #0700BD

Visually, #0700BD is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 7 parts red, 0 parts green, and 189 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 96% Cyan, 100% Magenta, 0% Yellow, and 26% Black. The HSL representation is 242.2° hue, 100.0% saturation, and 37.1% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0700BD
RGB7, 0, 189
HSL242.2°, 100.0%, 37.1%
CMYK96%, 100%, 0%, 26%
HSV242.2°, 100.0%, 74.1%
LAB22.7, 63.3, -85.8
XYZ9.3, 3.7, 48.4
Decimal458941

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

12.04:1
Text on #FFFFFF
AAA
1.74:1
Text on #000000
FAIL
11.51:1
Text on #F8FAFC
AAA
1.48:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #0700BD; }
.text-color { color: #0700BD; }
.border-color { border: 2px solid #0700BD; }

Similar Colors

Mediumblue
#0000CD