#248d98

Color #248d98

A moderately saturated dark cyan.

Closest named color Dark Cyan #008b8b · ΔE 7.96 Nearest Tailwind class cyan-600 #0092b8 · ΔE 9.3

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

Conversions

HEX

#248d98

RGB

rgb(36, 141, 152)

HSL

hsl(185.7, 61.7%, 36.9%)

HSV / HSB

hsv(185.7, 76.3%, 59.6%)

CMYK

cmyk(76.3%, 7.2%, 0%, 40.4%)

LAB

lab(53.7, -24.81, -14.24)

LCH

lch(53.7, 28.61, 209.85)

OKLCH

oklch(59.1%, 0.0919, 205.53)

HWB

hwb(185.7, 14.1%, 40.4%)

Harmony colors

Complementary

#982f24

Analogous

#249869

#248d98

#245398

Triadic

#248d98

#98248d

#8d9824

Split-complementary

#248d98

#982453

#986924

Tetradic

#248d98

#2f2498

#982f24

#8d9824

Square

#248d98

#692498

#982f24

#539824

Shades

Color #248d98 mixed toward black.

#1e767f

#185e65

#12474c

#0c2f33

#061819

Tints

Color #248d98 mixed toward white.

#2eb5c4

#52c9d6

#7dd7e0

#a8e4ea

#d4f2f5

Tones

Color #248d98 mixed toward gray.

#2e858e

#377d85

#41767b

#4b6e71

#546668

Accessibility

Aa White text on this color

3.93:1

Aa Black text on this color

5.34:1

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

Under color vision deficiencies

Protanopia

#636495 · ΔE 27.6

Deuteranopia

#5e5695 · ΔE 30.9

Tritanopia

#309393 · ΔE 4.9

Achromatopsia

#808080 · ΔE 20.6

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

Code

CSS

background-color: #248d98;

Tailwind (arbitrary value)

bg-[#248d98]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#248d98 (#248d98) is rgb(36, 141, 152) in RGB.

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

Generate a palette → Check contrast