YInMn Blue #415A77

YInMn Blue is a medium-dark, muted blue with hex code #415A77 and RGB rgb(65, 90, 119).

Aa

White text reads best on this color (7.10:1).

About this color

#415A77 is a medium-dark, muted blue. In OKLCH its lightness is 46%, its chroma 0.056 and its hue 253°. Its hue sits on the cool side of the wheel. It is the named color YInMn Blue. White text reads best on it, at 7.10:1.

Hue familyBlues
Lightnessmedium-dark (46%)
Chromamuted (0.056)
Temperaturecool
Nearest nameYInMn Blue
Black text2.95:1
White text7.10:1

Colors that go with YInMn Blue

Matches found by rotating YInMn Blue around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with YInMn Blue

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of YInMn Blue, closest first.

Similar named colors

The eight named colors closest to YInMn Blue, with their ΔE distance.

More about YInMn Blue

How to make YInMn Blue

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 4 parts blue
  • 3 parts pink
  • 1 part black

Recipe result: #3C5D78, a difference of ΔE 0.009 from YInMn Blue. That is very close: most people will not see the difference.

What colors make blue? | Color mixing chart

Codes for YInMn Blue in every format

HEX#415A77
RGBrgb(65, 90, 119)
HSLhsl(212, 29%, 36%)
OKLCHoklch(46% 0.056 252.7)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #415A77 7.10:1 AAA Lc -89.5 Fine for body text
Black text on #415A77 2.95:1 Fails Lc 19.4 Dividers and decoration only
#415A77 text on white 7.10:1 AAA Lc 84.6 Fine for body text
#415A77 text on black 2.95:1 Fails Lc -17.4 Dividers and decoration only

Shades and tints of YInMn Blue

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 700.

  1. Step 50

    50

    #F4F6F8

    oklch(97.2% 0.003 247.9)

  2. Step 100

    100

    #E6EAEF

    oklch(93.5% 0.008 253.9)

  3. Step 200

    200

    #D2DAE3

    oklch(88.5% 0.015 251.2)

  4. Step 300

    300

    #B5C2D2

    oklch(80.9% 0.027 253.6)

  5. Step 400

    400

    #8EA3BC

    oklch(70.8% 0.044 252.9)

  6. Step 500

    500

    #728CAB

    oklch(63.1% 0.056 253.1)

  7. Step 600

    600

    #5A7696

    oklch(55.7% 0.06 252.2)

  8. Step 700

    700 (this color)

    #415A77

    oklch(46% 0.056 252.7)

  9. Step 800

    800

    #3C5168

    oklch(42.7% 0.046 251.2)

  10. Step 900

    900

    #344355

    oklch(37.7% 0.037 253.3)

  11. Step 950

    950

    #1E2732

    oklch(26.9% 0.024 253.7)

Export this scale for Tailwind in the Tailwind colors tool

YInMn Blue with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#4F5B780.020
Deuteranopia (no green cones)#4856760.014
Tritanopia (no blue cones)#2C61640.050
Achromatopsia (no color)#5858580.056

Use YInMn Blue in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.