Benoemde kleur · #DCC79E
Reed Yellow
Reed Yellow is #DCC79E: rgb(220 199 158), hsl(40 47% 74%), oklch(0.837 0.059 83.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Reed Yellow color name →
#DCC79E
oklch(0.837 0.059 83.9)
Kleurconversies
- HEX
- #dcc79e
- RGB
- rgb(220 199 158)
- HSL
- hsl(40 47% 74%)
- HWB
- hwb(40 62% 14%)
- OKLCH
- oklch(0.837 0.059 83.9)
- OKLab
- oklab(0.837 0.006 0.059)
- CIE Lab
- lab(81.26 3.08 23.44)
- LCH
- lch(81.26 23.64 82.5)
- CMYK
- cmyk(0% 10% 28% 14%)
Tinten · Schaduwen · Tonen
Tinten
- E0CDA8
- E3D2B1
- E7D8BB
- EADDC5
- EEE3CE
- F1E9D8
- F5EEE2
- F8F4EB
- FBF9F5
Schaduwen
- BFAD89
- A39374
- 887A60
- 6E624D
- 544C3A
- 3C3629
- 262118
- 110E09
- 020201
Tonen
- D2C09B
- C9B898
- C0B195
- B6AA93
- ADA390
- A49C8D
- 9B9589
- 928E86
- 898783
Kleurharmonieën
Complementair +180°
- DCC79E
Reed Yellow
- B6CAF1
≈ Tropical Blue
Analoog -30° +30°
- DCC79E
Reed Yellow
- E9C0A6
≈ Biscuit Beige
- C9CEA2
≈ Dancing Kite
Triadisch +120° +240°
- DCC79E
Reed Yellow
- 9CD5DB
≈ Dulcet
- DDBDE0
≈ Sky Blue Pink
Gesplitst complementair +150° +210°
- DCC79E
Reed Yellow
- A4D1EB
≈ Songbird
- CBC3ED
≈ Violet Gems
Tetradisch +90° +180° +270°
- DCC79E
Reed Yellow
- A2D7C7
≈ Yucca Cream
- B6CAF1
≈ Tropical Blue
- EABACC
≈ Dainty Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.70:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--reed-yellow: #dcc79e;
--reed-yellow-rgb: 220 199 158;
--reed-yellow-oklch: oklch(0.837 0.059 83.9);
}
.element {
color: var(--reed-yellow);
background-color: hsl(40 47% 74%);
border-color: oklch(0.837 0.059 83.9);
}Tailwind CSS v4
@theme {
--color-reed-yellow: #dcc79e;
--color-reed-yellow-50: #fdf4e2;
--color-reed-yellow-100: #f1e7d2;
--color-reed-yellow-200: #e0d3b8;
--color-reed-yellow-300: #c5b695;
--color-reed-yellow-400: #af9c76;
--color-reed-yellow-500: #998358;
--color-reed-yellow-600: #816f4b;
--color-reed-yellow-700: #67593c;
--color-reed-yellow-800: #4d412a;
--color-reed-yellow-900: #352c1c;
--color-reed-yellow-950: #20190d;
}SCSS
$reed-yellow: #dcc79e;
$reed-yellow-rgb: 220, 199, 158;
$reed-yellow-light: mix(#fff, $reed-yellow, 20%);
$reed-yellow-dark: mix(#000, $reed-yellow, 20%);
.element {
color: $reed-yellow;
box-shadow: 0 0 0 2px rgba($reed-yellow, 0.35);
}