cyancoolCC0 survey name

Petrol #005F6A

Petrol is a dark, vivid cool color (#005F6A; HSL 186° 100% 21%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “petrol”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Teals

Color values

FormatValue
HEX#005F6A
RGBrgb(0, 95, 106)
HSLhsl(186, 100%, 21%)
HSVhsv(186, 100%, 42%)
OKLCHoklch(44.43% 0.076 208.5)
OKLaboklab(44.43% -0.0672 -0.0365)
CMYKcmyk(100%, 10.4%, 0%, 58.4%)
XYZxyz(6.6926, 9.2241, 15.0606)
CIE-LABlab(36.4, -19.4, -13.1)
CIE-LCHlch(36.4, 23.4, 213.9°)
Luminance0.092 (WCAG relative)
/* Petrol */ --petrol: #005f6a; color: #005f6a; background-color: #005f6a;

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

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)

#08555f #0d4c54 #10434a #113a40 #123136 #11282c #102022 #0d1819 #070e0f #000000

Tints (toward white)

#2c6e78 #467d86 #5e8c94 #759ca3 #8cacb2 #a2bcc1 #b9cdd0 #d0dddf #e7eeef #ffffff

Tones (toward gray)

#185e68 #245d66 #2e5c64 #365c62 #3c5b60 #425a5e #48595c #4d585a #515758 #565656

Color harmonies

Complementary

Edit in generator →
#005F6A
#6A0B00
#005f6a #6a0b00

Analogous

Edit in generator →
#006A40
#005F6A
#002A6A
#006a40 #005f6a #002a6a

Triadic

Edit in generator →
#005F6A
#6A005F
#5F6A00
#005f6a #6a005f #5f6a00

Tetradic

Edit in generator →
#005F6A
#40006A
#6A0B00
#2A6A00
#005f6a #40006a #6a0b00 #2a6a00

Square

Edit in generator →
#005F6A
#40006A
#6A0B00
#2A6A00
#005f6a #40006a #6a0b00 #2a6a00

Split Complementary

Edit in generator →
#005F6A
#6A002A
#6A4000
#005f6a #6a002a #6a4000

Monochromatic

Edit in generator →
#001B1F
#00282D
#005F6A
#0096A7
#00CDE4
#001b1f #00282d #005f6a #0096a7 #00cde4

Accessibility & contrast

7.38
#005F6A on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.85
#005F6A on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on petrol

7.38
#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)
#555B6B
Deuteranopia (green-blind)
#48526A
Tritanopia (blue-blind)
#006462

Closest named colors

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

ColorNameΔE₀₀
Deep Teal #00555A4.22
Dark Aqua #05696B5.50
Dark Turquoise #045C5A6.25
Dark Teal #014D4E7.40
Deep Turquoise #0173748.38
Darkslategray #2F4F4F8.54

Colors that go with petrol

Top matches by hue harmony, contrast and saturation compatibility.

Powder Blue #B0E0E6
5.2:1
Same hue family as petrol (Δh 0°) — guaranteed harmony
Light Teal #90E4C1
4.9:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Beige #F5F5DC
6.7:1
Triadic harmony (Δh ≈126°) — balanced three-way contrast
Warm Beige #E9DCC9
5.5:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Light Salmon #FEA993
4.0:1
Complementary hue (Δh ≈174°) — 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.