#698dbf

Color #698dbf

A moderately saturated medium blue.

Closest named color Steel Blue #4682b4 · ΔE 7.7 Nearest Tailwind class blue-500 #2b7fff · ΔE 7.8

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

Conversions

HEX

#698dbf

RGB

rgb(105, 141, 191)

HSL

hsl(214.9, 40.2%, 58%)

HSV / HSB

hsv(214.9, 45%, 74.9%)

CMYK

cmyk(45%, 26.2%, 0%, 25.1%)

LAB

lab(57.86, 0.94, -29.94)

LCH

lch(57.86, 29.95, 271.8)

OKLCH

oklch(63.7%, 0.0859, 256.74)

HWB

hwb(214.9, 41.2%, 25.1%)

Harmony colors

Complementary

#bf9b69

Analogous

#69b8bf

#698dbf

#7069bf

Triadic

#698dbf

#bf698d

#8dbf69

Split-complementary

#698dbf

#bf7069

#b8bf69

Tetradic

#698dbf

#9b69bf

#bf9b69

#8dbf69

Square

#698dbf

#bf69b8

#bf9b69

#69bf70

Shades

Color #698dbf mixed toward black.

#4a73ad

#3b5c8a

#2c4568

#1d2e45

#0f1723

Tints

Color #698dbf mixed toward white.

#82a0ca

#9bb3d4

#b4c6df

#cdd9ea

#e6ecf4

Tones

Color #698dbf mixed toward gray.

#708eb8

#778fb1

#7e90a9

#8692a2

#8d939b

Accessibility

Aa White text on this color

3.41:1

Aa Black text on this color

6.16:1

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

Under color vision deficiencies

Protanopia

#7a7bb5 · ΔE 10.1

Deuteranopia

#7875b2 · ΔE 11.8

Tritanopia

#6bacaa · ΔE 22.2

Achromatopsia

#8b8b8b · ΔE 17.9

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

Code

CSS

background-color: #698dbf;

Tailwind (arbitrary value)

bg-[#698dbf]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#698dbf (#698dbf) is rgb(105, 141, 191) in RGB.

No, #698dbf is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #698dbf, or check how it holds up for accessibility.

Generate a palette → Check contrast