#2e95b4

Color #2e95b4

A moderately saturated medium cyan.

Closest named color Steel Blue #4682b4 · ΔE 17.13 Nearest Tailwind class cyan-600 #0092b8 · ΔE 2.3

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#2e95b4

RGB

rgb(46, 149, 180)

HSL

hsl(193.9, 59.3%, 44.3%)

HSV / HSB

hsv(193.9, 74.4%, 70.6%)

CMYK

cmyk(74.4%, 17.2%, 0%, 29.4%)

LAB

lab(57.43, -18.59, -24.55)

LCH

lch(57.43, 30.79, 232.87)

OKLCH

oklch(62.5%, 0.1019, 222.41)

HWB

hwb(193.9, 18%, 29.4%)

Harmony colors

Complementary

#b44d2e

Analogous

#2eb490

#2e95b4

#2e52b4

Triadic

#2e95b4

#b42e95

#95b42e

Split-complementary

#2e95b4

#b42e52

#b4902e

Tetradic

#2e95b4

#4d2eb4

#b44d2e

#95b42e

Square

#2e95b4

#902eb4

#b44d2e

#52b42e

Shades

Color #2e95b4 mixed toward black.

#267c96

#1f6378

#174a5a

#0f323c

#08191e

Tints

Color #2e95b4 mixed toward white.

#42aecf

#68bed8

#8ecfe2

#b4dfec

#d9eff5

Tones

Color #2e95b4 mixed toward gray.

#398fa9

#44899e

#4f8392

#5b7d87

#66777c

Accessibility

Aa White text on this color

3.46:1

Aa Black text on this color

6.07:1

Black text reads better on this background (6.07:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6b6bad · ΔE 24.4

Deuteranopia

#655dab · ΔE 27.6

Tritanopia

#39a7a6 · ΔE 13.3

Achromatopsia

#8a8a8a · ΔE 19.9

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #2e95b4;

Tailwind (arbitrary value)

bg-[#2e95b4]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Powder Blue #b0e0e6

Light Sky Blue #87cefa

Charcoal #36454f

Frequently asked questions

#2e95b4 (#2e95b4) is rgb(46, 149, 180) in RGB.

No, #2e95b4 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #2e95b4, or check how it holds up for accessibility.

Generate a palette → Check contrast