#249B85

Accessibility

6.1:1

Vs white / black

3.44:1 · 6.1:1

Sources

Library color

Codes

Formats

HEX

#249b85

RGB

rgb(36, 155, 133)

RGBA

rgba(36, 155, 133, 1)

HSL

hsl(169, 62%, 37%)

HSLA

hsla(169, 62%, 37%, 1)

HSV

hsv(169, 77%, 61%)

LAB

lab(57.57% -37.17 2.4)

LCH

lch(57.57% 37.25 176.31)

OKLAB

oklab(0.6208 -0.1061 0.0058)

OKLCH

oklch(0.6208 0.1063 176.87)

XYZ

xyz(16.68, 25.51, 26.23)

CMYK

cmyk(77%, 0%, 14%, 39%)

CSS

color: #249b85;

CSS variable

--color-249b85: #249b85;

SCSS

$color-249b85: #249b85;

JavaScript

const color = "#249b85";

TypeScript

const color: string = "#249b85";

React

style={{ backgroundColor: "#249b85" }}

JSON

{ "hex": "#249b85", "rgb": { "r": 36, "g": 155, "b": 133 }, "oklch": "oklch(0.6208 0.1063 176.87)" }

Export

Developer code

css

:root {
  --#249b85-1: #249b85;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

teal-600

Noticeably different · ΔE 4.23 · #0D9488

Nearest CSS named color

LightSeaGreen

Very different · ΔE 9.03 · #20B2AA

Nearest Material color

teal-500

Noticeably different · ΔE 3.41 · #009688

Nearest Bootstrap color

success

Very different · ΔE 11.92 · #198754

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50c7fff4 100b6f8e7 20098e7d3 30076d2bc 40049b7a0 500249b85 6001a826f 7000d6858 800025043 90000382e 95000221a

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

edf7f5 dbeeeb c8e6e1 b6ded6 a4d5cc 92cdc2 7fc5b8 6dbcae 5bb4a4 49ac99 36a38f 249b85 218e7a 1e816f 1b7464 186759 155a4e 124e43 0f4137 0c342c 092721 061a16 030d0b

Palette

Tints

Mixed toward white — soft backgrounds and highlights

edf7f5 dbeeeb c8e6e1 b6ded6 a4d5cc 92cdc2 7fc5b8 6dbcae 5bb4a4 49ac99 36a38f

Palette

Shades

Mixed toward black — depth, text, and emphasis

218e7a 1e816f 1b7464 186759 155a4e 124e43 0f4137 0c342c 092721 061a16 030d0b

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

2c9985 339784 3b9484 439283 4a9083 528e83 5a8b82 618982 698781 718581 788280

Harmony

Complementary

Opposite on the color wheel for contrast

#249B85Stop 1 #992439Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#249949Stop 1 #249B85Stop 2 #247499Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#249B85Stop 1 #832499Stop 2 #998324Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#249B85Stop 1 #992474Stop 2 #994924Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#135347Stop 1 #22917CStop 2 #30CFB2Stop 3 #6EDDC9Stop 4 #ACECE0Stop 5

Using this color

Where #249b85 works

#249B85 (#249b85) sits in the teal family at about 169° hue, 62% saturation, and 37% lightness. Contrast is 3.44:1 on white and 6.1:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: teal-600 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

supporting UI accents
large titles on light backgrounds (WCAG AA Large)
text or icons on charcoal / dark mode

Do not use #249b85 as small body text on white — 3.44:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Balance, healing, and sophistication. Popular in wellness and modern dashboards. Common uses still include buttons, charts, and accents in the Teal range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Spectrum #299986#299986 Green Sea#16A085 Spectrum #249E81#249E81 Spectrum #3F9D8D#3F9D8D Spectrum #139679#139679 Spectrum #17927F#17927F Material Teal 500#009688 Radix Teal 9#12A594 Spectrum #3AA68B#3AA68B Tailwind teal 600#0D9488 Material Teal 400#26A69A Spectrum #2E948C#2E948C