#238280#238280

#238280 is a mid, moderate teal. Relative luminance 0.179; OKLCH L 55.3% C 0.085 H 192.9°. Best body text is #FFFFFF at 4.59:1 contrast (WCAG AA passes).

Color values

HEX#238280
RGBrgb(35, 130, 128)
HSLhsl(179, 58%, 32%)
HSVhsv(179, 73%, 51%)
CMYKcmyk(73.1%, 0%, 1.5%, 49%)
CIE-LABlab(49.35, -26.93, -6.79)
CIE-LCHlch(49.35, 27.78, 194.16°)
OKLaboklab(55.33% -0.0827 -0.0189)
OKLCHoklch(55.33% 0.085 192.9)
XYZxyz(12.5703, 17.8796, 23.2065)
Luminance0.1788 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#238280 #822325
analogous
#238251 #238280 #235482
triadic
#238280 #802382 #828023
tetradic
#238280 #512382 #822325 #548223
square
#238280 #512382 #822325 #548223
split-complementary
#238280 #822354 #825123
monochromatic
#092221 #165251 #238280 #30B2AF #50D0CD

Accessibility & contrast

On white

4.59
#238280 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.58
#238280 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #238280
4.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##238280#FFFFFF#000000##FFFFFF
##2382801.004.594.584.59
#FFFFFF4.591.0021.001.00
#0000004.5821.001.0021.00
##FFFFFF4.591.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7A7B80
Deuteranopia (green-blind)
#6C7181
Tritanopia (blue-blind)
#008681
Achromatopsia (no color)
#757575

Design tokens & code

CSS
--color: #238280;
/* rgb */ color: rgb(35, 130, 128);
/* oklch */ color: oklch(55.3% 0.085 192.9);
Tailwind
colors: {
  custom: {
    50: '#6ea7a4',
    500: '#238280',
    950: '#000000',
  },
}
SCSS
$custom: #238280;
$custom-light: #6ea7a4;
$custom-dark: #000000;
JSON
{
  "hex": "#238280",
  "rgb": {
    "r": 35,
    "g": 130,
    "b": 128
  },
  "hsl": {
    "h": 178.737,
    "s": 57.576,
    "l": 32.353
  },
  "oklch": {
    "l": 0.55332,
    "c": 0.08483,
    "h": 192.9
  },
  "luminance": 0.17881
}

Semantic roles & 50–950 ramp

primary
#238280
secondary
#B34D50
accent
#474AE1
background
#F7FAFA
surface
#EDF4F4
border
#C8CECE
text
#080F0F
muted
#7B7F7F

Preview Lab

Preview with #238280

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#238280 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva