#CAB646#CAB646

#CAB646 is a light, vivid yellow. Relative luminance 0.465; OKLCH L 77.3% C 0.132 H 99.1°. Best body text is #000000 at 10.29:1 contrast (WCAG AA passes).

Color values

HEX#CAB646
RGBrgb(202, 182, 70)
HSLhsl(51, 55%, 53%)
HSVhsv(51, 65%, 79%)
CMYKcmyk(0%, 9.9%, 65.3%, 20.8%)
CIE-LABlab(73.84, -5.83, 57.60)
CIE-LCHlch(73.84, 57.89, 95.78°)
OKLaboklab(77.25% -0.0209 0.1304)
OKLCHoklch(77.25% 0.132 99.1)
XYZxyz(42.1924, 46.4566, 12.5377)
Luminance0.4646 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CAB646 #465ACA
analogous
#CA7446 #CAB646 #9CCA46
triadic
#CAB646 #46CAB6 #B646CA
tetradic
#CAB646 #46CA74 #465ACA #CA469C
square
#CAB646 #46CA74 #465ACA #CA469C
split-complementary
#CAB646 #469CCA #7446CA
monochromatic
#746821 #A4922F #CAB646 #D8C976 #E5DCA5

Accessibility & contrast

On white

2.04
#CAB646 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.29
#CAB646 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CAB646
10.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CAB646#FFFFFF#000000##000000
##CAB6461.002.0410.2910.29
#FFFFFF2.041.0021.0021.00
#00000010.2921.001.001.00
##00000010.2921.001.001.00

Color blindness preview

Protanopia (red-blind)
#C7B138
Deuteranopia (green-blind)
#CCB94C
Tritanopia (blue-blind)
#D9A99F
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #cab646;
/* rgb */ color: rgb(202, 182, 70);
/* oklch */ color: oklch(77.3% 0.132 99.1);
Tailwind
colors: {
  custom: {
    50: '#ddcb7f',
    500: '#cab646',
    950: '#000000',
  },
}
SCSS
$custom: #cab646;
$custom-light: #ddcb7f;
$custom-dark: #000000;
JSON
{
  "hex": "#cab646",
  "rgb": {
    "r": 202,
    "g": 182,
    "b": 70
  },
  "hsl": {
    "h": 50.909,
    "s": 55.462,
    "l": 53.333
  },
  "oklch": {
    "l": 0.77252,
    "c": 0.13206,
    "h": 99.1
  },
  "luminance": 0.46455
}

Semantic roles & 50–950 ramp

primary
#CAB646
secondary
#9AA2D2
accent
#60DF49
background
#FEFCF8
surface
#FCF8EF
border
#D5D1CA
text
#16130A
muted
#84827C

Preview Lab

Preview with #CAB646

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

Preview Lab → · Contrast checker → · Palette generator →

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