BLUE

Blue Munsell

#0D98BA

Blue Munsell is #0D98BA, rgb(13, 152, 186).

Conversions
HEX#0D98BA
RGBrgb(13, 152, 186)
HSLhsl(192, 87%, 39%)
HSVhsv(192, 93%, 73%)
CMYKcmyk(93%, 18%, 0%, 27%)
Copy CSS
color: #0d98ba; /* rgb */ color: rgb(13, 152, 186); /* hsl */ color: hsl(192, 87%, 39%);
Contrast
On whiteFail · 3.38 : 1
On ink blackPass · 5.67 : 1
Shades
Tints
Pairings

About Blue Munsell

Blue Munsell is the hex color #0D98BA, which translates to rgb(13, 152, 186) in RGB and hsl(192, 87%, 39%) in HSL. On the color wheel it sits at 192 degrees, with a saturation of 87 percent and a lightness of 39 percent. That combination gives Blue Munsell a saturated mid tone: strong enough for buttons and links, still calm enough for larger areas.

How Blue Munsell compares

The closest standard CSS keyword is steelblue (#4682B4), a CIE76 distance of 18.4 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is cyan-600 (#0092B8), at a distance of 3.5. Inside this library the closest neighbour is Pacific Blue at 6.6. Sorted by lightness, Blue Munsell is number 7 of the 30 blue colors here.

Text on Blue Munsell

One of the five common text colors below clears WCAG AA for normal text on Blue Munsell, led by Ink black at 5.67:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Blue Munsell already loaded as the background.

Contrast of common text colors on Blue Munsell. AA normal text needs 4.5:1, AA large text and non-text elements need 3:1, AAA normal text needs 7:1.
Text colorRatioAA normalAA largeAAA normal
White #FFFFFF3.38:1FailPassFail
Ink black #0F0F125.67:1PassPassFail
Mid grey #6B72801.43:1FailFailFail
Dark grey #3741513.05:1FailPassFail
Light grey #E5E7EB2.73:1FailFailFail

Building a palette around Blue Munsell

The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Blue Munsell for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Blue Munsell locked and let it fill in the rest.

Full values for Blue Munsell

FormatValue
HEX#0D98BA
RGBrgb(13, 152, 186)
HSLhsl(192, 87%, 39%)
HSVhsv(192, 93%, 73%)
CMYKcmyk(93%, 18%, 0%, 27%)
OKLCHoklch(63.03% 0.1140 221.56)
CIELABlab(58.12 -20.82 -26.93)

Frequently asked questions

What is the RGB value of Blue Munsell?

Blue Munsell (#0D98BA) is rgb(13, 152, 186): 13 red, 152 green and 186 blue on the 0 to 255 scale. Blue leads at 186, green follows at 152 and red trails at 13, which puts the hue at 192 degrees. In HSL the same color is hsl(192, 87%, 39%).

What colour is #0D98BA?

#0D98BA is Blue Munsell, a dark blue colour with a hue of 192 degrees, 87% saturation and 39% lightness. For print the CMYK breakdown is 93% cyan, 18% magenta, 0% yellow and 27% black. Its nearest neighbour in this library is Pacific Blue, 6.6 away in CIELAB, a difference you can see.

Is Blue Munsell a CSS color name?

No. Blue Munsell is not one of the 148 CSS named colors, so write it as #0D98BA. The nearest keyword is steelblue (#4682B4), a CIE76 distance of 18.4: far enough that the keyword reads as a different color.

What colors go with Blue Munsell?

Opposite Blue Munsell on the color wheel sits the complementary #BA2F0D, the boldest accent by hue. For a calmer scheme use the analogous neighbours #0DBA85 and #0D42BA; for a balanced three-color scheme use the triadic pair #BA0D98 and #98BA0D (close to Apple Green). Of these, #0D42BA has the most contrast against Blue Munsell, at 2.48:1, so pair it by hue, not for legibility.

What text color is readable on Blue Munsell?

Ink black (#0F0F12) is the most readable on Blue Munsell, at 5.67:1, which clears WCAG AA (4.5:1) but not AAA. 1 of the 5 common text colors tested passes AA for normal text.

Use Blue Munsell in a tool

Nearby colors

Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.