cyancoolCC0 survey name

Dirty Blue #3F829D

Dirty Blue is a mid-tone, moderately saturated cool color (#3F829D; HSL 197° 43% 43%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dirty blue”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans

Color values

FormatValue
HEX#3F829D
RGBrgb(63, 130, 157)
HSLhsl(197, 43%, 43%)
HSVhsv(197, 60%, 62%)
OKLCHoklch(57.41% 0.079 227)
OKLaboklab(57.41% -0.0541 -0.0581)
CMYKcmyk(59.9%, 17.2%, 0%, 38.4%)
XYZxyz(16.116, 19.4548, 34.7976)
CIE-LABlab(51.2, -13.0, -20.9)
CIE-LCHlch(51.2, 24.6, 238.1°)
Luminance0.195 (WCAG relative)
/* Dirty Blue */ --dirty-blue: #3f829d; color: #3f829d; background-color: #3f829d;

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

Collections: 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)

#3a748c #35677b #305a6b #2b4d5b #25404c #20343d #1a282f #151d21 #0d1214 #000000

Tints (toward white)

#558ea6 #699ab0 #7da6ba #90b2c3 #a2bfcd #b5cbd7 #c7d8e1 #dae5eb #ecf2f5 #ffffff

Tones (toward gray)

#488199 #508096 #578092 #5d7f8f #637e8b #687d88 #6d7c84 #727c81 #767b7d #7a7a7a

Color harmonies

Complementary

Edit in generator →
#3F829D
#9D5A3F
#3f829d #9d5a3f

Analogous

Edit in generator →
#3F9D89
#3F829D
#3F539D
#3f9d89 #3f829d #3f539d

Triadic

Edit in generator →
#3F829D
#9D3F82
#829D3F
#3f829d #9d3f82 #829d3f

Tetradic

Edit in generator →
#3F829D
#893F9D
#9D5A3F
#539D3F
#3f829d #893f9d #9d5a3f #539d3f

Square

Edit in generator →
#3F829D
#893F9D
#9D5A3F
#539D3F
#3f829d #893f9d #9d5a3f #539d3f

Split Complementary

Edit in generator →
#3F829D
#9D3F53
#9D893F
#3f829d #9d3f53 #9d893f

Monochromatic

Edit in generator →
#1C3A46
#2D5E71
#3F829D
#5CA1BD
#87BACF
#1c3a46 #2d5e71 #3f829d #5ca1bd #87bacf

Accessibility & contrast

4.29
#3F829D on #FFFFFF
AA text AA large AAA text UI 3:1
4.89
#3F829D on #000000
AA text AA large AAA text UI 3:1

Best text on dirty blue

4.89
#000000 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)
#74809E
Deuteranopia (green-blind)
#66769D
Tritanopia (blue-blind)
#008A8B

Closest named colors

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

ColorNameΔE₀₀
Teal Blue #01889F5.55
Cerulean #007BA75.58
Ocean #017B925.86
Stormy Blue #507B9C6.06
Sea Blue #0474956.38
Metallic Blue #4F738E7.48

Colors that go with dirty blue

Top matches by hue harmony, contrast and saturation compatibility.

Navy Blue #1B2A4A
3.3:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Tiffany Blue #7BF2DA
3.2:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Moss Green #8A9A5B
1.4:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Warm Beige #E9DCC9
3.2:1
Split-complementary angle (Δh ≈162°) — strong but softer than direct complement
Taupe #8B7D6B
1.1:1
Complementary hue (Δh ≈163°) — 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.