#938D2C#938D2C

#938D2C is a light, moderate yellow. Relative luminance 0.254; OKLCH L 63.0% C 0.116 H 105.8°. Best body text is #000000 at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#938D2C
RGBrgb(147, 141, 44)
HSLhsl(57, 54%, 37%)
HSVhsv(57, 70%, 58%)
CMYKcmyk(0%, 4.1%, 70.1%, 42.4%)
CIE-LABlab(57.50, -9.74, 50.06)
CIE-LCHlch(57.50, 51.00, 101.01°)
OKLaboklab(63.03% -0.0316 0.1118)
OKLCHoklch(63.03% 0.116 105.8)
XYZxyz(22.0130, 25.4354, 6.1324)
Luminance0.2544 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#938D2C #2C3293
analogous
#935A2C #938D2C #65932C
triadic
#938D2C #2C938D #8D2C93
tetradic
#938D2C #2C935A #2C3293 #932C65
square
#938D2C #2C935A #2C3293 #932C65
split-complementary
#938D2C #2C6593 #5A2C93
monochromatic
#353310 #64601E #938D2C #C2BA3A #D2CC68

Accessibility & contrast

On white

3.45
#938D2C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.09
#938D2C on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #938D2C
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##938D2C#FFFFFF#000000##000000
##938D2C1.003.456.096.09
#FFFFFF3.451.0021.0021.00
#0000006.0921.001.001.00
##0000006.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#99881D
Deuteranopia (green-blind)
#9C8C32
Tritanopia (blue-blind)
#9E837A
Achromatopsia (no color)
#8A8A8A

Design tokens & code

CSS
--color: #938d2c;
/* rgb */ color: rgb(147, 141, 44);
/* oklch */ color: oklch(63.0% 0.116 105.8);
Tailwind
colors: {
  custom: {
    50: '#b6ae6b',
    500: '#938d2c',
    950: '#000000',
  },
}
SCSS
$custom: #938d2c;
$custom-light: #b6ae6b;
$custom-dark: #000000;
JSON
{
  "hex": "#938d2c",
  "rgb": {
    "r": 147,
    "g": 141,
    "b": 44
  },
  "hsl": {
    "h": 56.505,
    "s": 53.927,
    "l": 37.451
  },
  "oklch": {
    "l": 0.63025,
    "c": 0.11623,
    "h": 105.8
  },
  "luminance": 0.25435
}

Semantic roles & 50–950 ramp

primary
#938D2C
secondary
#6368B8
accent
#53DD4A
background
#FBFAF6
surface
#F6F4EC
border
#D0CEC7
text
#121007
muted
#817F7A

Preview Lab

Preview with #938D2C

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

Preview Lab → · Contrast checker → · Palette generator →

#938D2C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva