#298694

Color #298694

A moderately saturated dark cyan.

Closest named color Teal #008080 · ΔE 10.3 Nearest Tailwind class cyan-600 #0092b8 · ΔE 8.8

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

Conversions

HEX

#298694

RGB

rgb(41, 134, 148)

HSL

hsl(187.9, 56.6%, 37.1%)

HSV / HSB

hsv(187.9, 72.3%, 58%)

CMYK

cmyk(72.3%, 9.5%, 0%, 42%)

LAB

lab(51.45, -21.84, -15.32)

LCH

lch(51.45, 26.68, 215.05)

OKLCH

oklch(57.3%, 0.0864, 209.53)

HWB

hwb(187.9, 16.1%, 42%)

Harmony colors

Complementary

#943729

Analogous

#29946d

#298694

#295194

Triadic

#298694

#942986

#869429

Split-complementary

#298694

#942951

#946d29

Tetradic

#298694

#372994

#943729

#869429

Square

#298694

#6d2994

#943729

#519429

Shades

Color #298694 mixed toward black.

#22707b

#1b5963

#15434a

#0e2d31

#071619

Tints

Color #298694 mixed toward white.

#35acbe

#58c1d1

#81d0dc

#abe0e8

#d5eff3

Tones

Color #298694 mixed toward gray.

#327f8b

#3b7982

#447279

#4d6c70

#566568

Accessibility

Aa White text on this color

4.26:1

Aa Black text on this color

4.93:1

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

Under color vision deficiencies

Protanopia

#606091 · ΔE 26.2

Deuteranopia

#5a5390 · ΔE 28.7

Tritanopia

#338e8e · ΔE 6.4

Achromatopsia

#7b7b7b · ΔE 19.6

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

Code

CSS

background-color: #298694;

Tailwind (arbitrary value)

bg-[#298694]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Light Blue #add8e6

Dark Turquoise #00ced1

Deep Sky Blue #00bfff

Aqua #00ffff

Frequently asked questions

#298694 (#298694) is rgb(41, 134, 148) in RGB.

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

Generate a palette → Check contrast