#CDA843#CDA843

#CDA843 is a light, vivid orange. Relative luminance 0.414; OKLCH L 74.6% C 0.125 H 88.6°. Best body text is #000000 at 9.28:1 contrast (WCAG AA passes).

Color values

HEX#CDA843
RGBrgb(205, 168, 67)
HSLhsl(44, 58%, 53%)
HSVhsv(44, 67%, 80%)
CMYKcmyk(0%, 18%, 67.3%, 19.6%)
CIE-LABlab(70.45, 2.67, 55.39)
CIE-LCHlch(70.45, 55.46, 87.24°)
OKLaboklab(74.63% 0.003 0.1252)
OKLCHoklch(74.63% 0.125 88.6)
XYZxyz(40.1947, 41.3921, 11.1815)
Luminance0.4139 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CDA843 #4368CD
analogous
#CD6343 #CDA843 #ADCD43
triadic
#CDA843 #43CDA8 #A843CD
tetradic
#CDA843 #43CD63 #4368CD #CD43AD
square
#CDA843 #43CD63 #4368CD #CD43AD
split-complementary
#CDA843 #43ADCD #6343CD
monochromatic
#765F1F #A7862C #CDA843 #DABE73 #E7D5A4

Accessibility & contrast

On white

2.26
#CDA843 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.28
#CDA843 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CDA843
9.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CDA843#FFFFFF#000000##000000
##CDA8431.002.269.289.28
#FFFFFF2.261.0021.0021.00
#0000009.2821.001.001.00
##0000009.2821.001.001.00

Color blindness preview

Protanopia (red-blind)
#BAA637
Deuteranopia (green-blind)
#C3B148
Tritanopia (blue-blind)
#DD9A93
Achromatopsia (no color)
#ACACAC

Design tokens & code

CSS
--color: #cda843;
/* rgb */ color: rgb(205, 168, 67);
/* oklch */ color: oklch(74.6% 0.125 88.6);
Tailwind
colors: {
  custom: {
    50: '#e0c17c',
    500: '#cda843',
    950: '#000000',
  },
}
SCSS
$custom: #cda843;
$custom-light: #e0c17c;
$custom-dark: #000000;
JSON
{
  "hex": "#cda843",
  "rgb": {
    "r": 205,
    "g": 168,
    "b": 67
  },
  "hsl": {
    "h": 43.913,
    "s": 57.983,
    "l": 53.333
  },
  "oklch": {
    "l": 0.7463,
    "c": 0.1252,
    "h": 88.6
  },
  "luminance": 0.4139
}

Semantic roles & 50–950 ramp

primary
#CDA843
secondary
#98A8D4
accent
#70E147
background
#FEFBF7
surface
#FCF7EE
border
#D5D0C9
text
#16120A
muted
#84817C

Preview Lab

Preview with #CDA843

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

Preview Lab → · Contrast checker → · Palette generator →

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