#98433C#98433C

#98433C is a mid, moderate red. Relative luminance 0.110; OKLCH L 49.3% C 0.116 H 26.9°. Best body text is #FFFFFF at 6.56:1 contrast (WCAG AA passes).

Color values

HEX#98433C
RGBrgb(152, 67, 60)
HSLhsl(5, 43%, 42%)
HSVhsv(5, 61%, 60%)
CMYKcmyk(0%, 55.9%, 60.5%, 40.4%)
CIE-LABlab(39.61, 35.06, 21.64)
CIE-LCHlch(39.61, 41.20, 31.68°)
OKLaboklab(49.28% 0.1032 0.0523)
OKLCHoklch(49.28% 0.116 26.9)
XYZxyz(15.7730, 11.0179, 5.5701)
Luminance0.1102 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#98433C #3C9198
analogous
#983C63 #98433C #98713C
triadic
#98433C #3C9843 #433C98
tetradic
#98433C #63983C #3C9198 #713C98
square
#98433C #63983C #3C9198 #713C98
split-complementary
#98433C #3C9871 #3C6398
monochromatic
#401C19 #6C302B #98433C #BC5D55 #CD8781

Accessibility & contrast

On white

6.56
#98433C on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.20
#98433C on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #98433C
6.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##98433C#FFFFFF#000000##FFFFFF
##98433C1.006.563.206.56
#FFFFFF6.561.0021.001.00
#0000003.2021.001.0021.00
##FFFFFF6.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#58523B
Deuteranopia (green-blind)
#6D643A
Tritanopia (blue-blind)
#A63442
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #98433c;
/* rgb */ color: rgb(152, 67, 60);
/* oklch */ color: oklch(49.3% 0.116 26.9);
Tailwind
colors: {
  custom: {
    50: '#bb7a71',
    500: '#98433c',
    950: '#000000',
  },
}
SCSS
$custom: #98433c;
$custom-light: #bb7a71;
$custom-dark: #000000;
JSON
{
  "hex": "#98433c",
  "rgb": {
    "r": 152,
    "g": 67,
    "b": 60
  },
  "hsl": {
    "h": 4.565,
    "s": 43.396,
    "l": 41.569
  },
  "oklch": {
    "l": 0.49279,
    "c": 0.1157,
    "h": 26.9
  },
  "luminance": 0.11016
}

Semantic roles & 50–950 ramp

primary
#98433C
secondary
#79B2B7
accent
#CAD355
background
#FCF7F6
surface
#F8EEEC
border
#D1C9C7
text
#130907
muted
#827B7A

Preview Lab

Preview with #98433C

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

Preview Lab → · Contrast checker → · Palette generator →

#98433C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva