bluecoolCC0 survey name

Cobalt Blue #030AA7

Cobalt Blue is a mid-tone, vivid cool color (#030AA7; HSL 237° 96% 33%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “cobalt blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Navy Blues

Color values

FormatValue
HEX#030AA7
RGBrgb(3, 10, 167)
HSLhsl(237, 96%, 33%)
HSVhsv(237, 98%, 65%)
OKLCHoklch(33.6% 0.223 264.6)
OKLaboklab(33.6% -0.0208 -0.2225)
CMYKcmyk(98.2%, 94%, 0%, 34.5%)
XYZxyz(7.1187, 3.0255, 36.7605)
CIE-LABlab(20.1, 55.0, -76.9)
CIE-LCHlch(20.1, 94.6, 305.5°)
Luminance0.030 (WCAG relative)
/* Cobalt Blue */ --cobalt-blue: #030aa7; color: #030aa7; background-color: #030aa7;

Source: xkcd color survey name (public domain, CC0). CSS keyword: cobaltblue.

Collections: Jewel Tone Colors · Ocean Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#110c95 #170d83 #1a0e72 #1b0e61 #1a0e51 #190e41 #170c32 #140824 #0d0416 #000000

Tints (toward white)

#3d26b0 #5a3dba #7354c3 #896bcc #9e83d5 #b29bde #c6b3e6 #d9ccef #ece5f7 #ffffff

Tones (toward gray)

#1d129a #28178e #2e1c82 #332076 #35236a #36275e #362953 #352c47 #332e3c #313131

Color harmonies

Complementary

Edit in generator →
#030AA7
#A7A003
#030aa7 #a7a003

Analogous

Edit in generator →
#035CA7
#030AA7
#4E03A7
#035ca7 #030aa7 #4e03a7

Triadic

Edit in generator →
#030AA7
#A7030A
#0AA703
#030aa7 #a7030a #0aa703

Tetradic

Edit in generator →
#030AA7
#A7035C
#A7A003
#03A74E
#030aa7 #a7035c #a7a003 #03a74e

Square

Edit in generator →
#030AA7
#A7035C
#A7A003
#03A74E
#030aa7 #a7035c #a7a003 #03a74e

Split Complementary

Edit in generator →
#030AA7
#A74E03
#5CA703
#030aa7 #a74e03 #5ca703

Monochromatic

Edit in generator →
#01032F
#02066B
#030AA7
#040EE3
#2932FB
#01032f #02066b #030aa7 #040ee3 #2932fb

Accessibility & contrast

13.08
#030AA7 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
1.61
#030AA7 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on cobalt blue

13.08
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#0039AB
Deuteranopia (green-blind)
#0027A5
Tritanopia (blue-blind)
#004561

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Ultramarine #2000B12.01
Royal #0C17933.12
Darkblue #00008B4.20
Indigo Blue #3A18B14.42
Mediumblue #0000CD4.73
True Blue #010FCC4.93

Colors that go with cobalt blue

Top matches by hue harmony, contrast and saturation compatibility.

Lavender #B39DDB
5.5:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Purple Pink #D725DE
3.2:1
UI contrast with the anchor (3.24:1, passes AA large text)
Vibrant Green #0ADD08
7.1:1
Triadic harmony (Δh ≈118°) — balanced three-way contrast
Kermit Green #5CB200
4.9:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Dirty Yellow #CDC50A
7.2:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.