#628b9b

Color #628b9b

A muted medium cyan.

Closest named color Light Slate Gray #778899 · ΔE 7.92 Nearest Tailwind class cyan-600 #0092b8 · ΔE 8.6

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

Conversions

HEX

#628b9b

RGB

rgb(98, 139, 155)

HSL

hsl(196.8, 22.5%, 49.6%)

HSV / HSB

hsv(196.8, 36.8%, 60.8%)

CMYK

cmyk(36.8%, 10.3%, 0%, 39.2%)

LAB

lab(55.51, -9.93, -13.01)

LCH

lch(55.51, 16.37, 232.65)

OKLCH

oklch(61.3%, 0.0512, 224.21)

HWB

hwb(196.8, 38.4%, 39.2%)

Harmony colors

Complementary

#9b7262

Analogous

#629b8e

#628b9b

#626f9b

Triadic

#628b9b

#9b628b

#8b9b62

Split-complementary

#628b9b

#9b626f

#9b8e62

Tetradic

#628b9b

#72629b

#9b7262

#8b9b62

Square

#628b9b

#8e629b

#9b7262

#6f9b62

Shades

Color #628b9b mixed toward black.

#527481

#415d67

#31464d

#212e34

#10171a

Tints

Color #628b9b mixed toward white.

#7c9fac

#96b2bd

#b0c5cd

#cbd8de

#e5ecee

Tones

Color #628b9b mixed toward gray.

#678996

#6c8791

#70858d

#758388

#7a8183

Accessibility

Aa White text on this color

3.69:1

Aa Black text on this color

5.69:1

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

Under color vision deficiencies

Protanopia

#767697 · ΔE 18.8

Deuteranopia

#747096 · ΔE 20.7

Tritanopia

#659494 · ΔE 8.4

Achromatopsia

#858585 · ΔE 13.7

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

Code

CSS

background-color: #628b9b;

Tailwind (arbitrary value)

bg-[#628b9b]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Powder Blue #b0e0e6

Frequently asked questions

#628b9b (#628b9b) is rgb(98, 139, 155) in RGB.

No, #628b9b 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 #628b9b, or check how it holds up for accessibility.

Generate a palette → Check contrast