bluecoolCC0 survey name

French Blue #436BAD

French Blue is a mid-tone, moderately saturated cool color (#436BAD; HSL 217° 44% 47%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “french blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues

Color values

FormatValue
HEX#436BAD
RGBrgb(67, 107, 173)
HSLhsl(217, 44%, 47%)
HSVhsv(217, 61%, 68%)
OKLCHoklch(53.01% 0.114 259.9)
OKLaboklab(53.01% -0.0199 -0.112)
CMYKcmyk(61.3%, 38.2%, 0%, 32.2%)
XYZxyz(15.1126, 14.7245, 41.5728)
CIE-LABlab(45.3, 6.8, -39.5)
CIE-LCHlch(45.3, 40.1, 279.8°)
Luminance0.147 (WCAG relative)
/* French Blue */ --french-blue: #436bad; color: #436bad; background-color: #436bad;

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

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)

#3e609a #385588 #334a76 #2d4064 #273653 #212c43 #1b2333 #151924 #0d0f16 #000000

Tints (toward white)

#5979b5 #6d86bd #8095c6 #93a3ce #a5b2d6 #b7c1de #c9d0e6 #dbdfef #edeff7 #ffffff

Tones (toward gray)

#4a6ba6 #506ba0 #556b99 #5a6b92 #5e6b8c #616b85 #646b7f #676b78 #696b72 #6b6b6b

Color harmonies

Complementary

Edit in generator →
#436BAD
#AD8543
#436bad #ad8543

Analogous

Edit in generator →
#43A0AD
#436BAD
#5043AD
#43a0ad #436bad #5043ad

Triadic

Edit in generator →
#436BAD
#AD436B
#6BAD43
#436bad #ad436b #6bad43

Tetradic

Edit in generator →
#436BAD
#AD43A0
#AD8543
#43AD50
#436bad #ad43a0 #ad8543 #43ad50

Square

Edit in generator →
#436BAD
#AD43A0
#AD8543
#43AD50
#436bad #ad43a0 #ad8543 #43ad50

Split Complementary

Edit in generator →
#436BAD
#AD5043
#A0AD43
#436bad #ad5043 #a0ad43

Monochromatic

Edit in generator →
#213455
#325081
#436BAD
#688BC5
#95ADD6
#213455 #325081 #436bad #688bc5 #95add6

Accessibility & contrast

5.32
#436BAD on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
3.95
#436BAD on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓

Best text on french blue

5.32
#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)
#4F70B0
Deuteranopia (green-blind)
#4067AC
Tritanopia (blue-blind)
#007A84

Closest named colors

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

ColorNameΔE₀₀
Mid Blue #276AB33.47
Medium Blue #2C6FBB3.70
Flat Blue #3C73A84.34
Denim #1560BD4.78
Muted Blue #3B719F4.80
Dull Blue #49759C5.21

Colors that go with french blue

Top matches by hue harmony, contrast and saturation compatibility.

Midnight #03012D
3.8:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Pale Aqua #B8FFEB
4.7:1
Warm/cool bridge (Δh 54°) — adds depth without tension
Powder Pink #FFB2D0
3.2:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Beige #F5F5DC
4.8:1
Split-complementary angle (Δh ≈157°) — strong but softer than direct complement
Papayawhip #FFEFD5
4.7: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.