Benannte Farbe · #D5AB09
Burnt Yellow
Burnt Yellow ist #D5AB09: rgb(213 171 9), hsl(48 92% 44%), oklch(0.758 0.153 90.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Burnt Yellow color name →
#D5AB09
oklch(0.758 0.153 90.8)
Farbumrechnungen
- HEX
- #d5ab09
- RGB
- rgb(213 171 9)
- HSL
- hsl(48 92% 44%)
- HWB
- hwb(48 4% 16%)
- OKLCH
- oklch(0.758 0.153 90.8)
- OKLab
- oklab(0.758 -0.002 0.153)
- CIE Lab
- lab(72.24 6.74 73.19)
- LCH
- lch(72.24 73.5 84.7)
- CMYK
- cmyk(0% 20% 96% 16%)
Tints · Shades · Tones
Tints
- D9B43E
- DDBC5B
- E2C572
- E6CD88
- EAD69D
- EEDEB1
- F2E6C5
- F7EFD8
- FBF7EC
Shades
- B99407
- 9E7E05
- 836803
- 6A5402
- 514001
- 3A2D01
- 241B00
- 100B00
- 020100
Tones
- CCA72D
- C4A33F
- BB9F4C
- B29B57
- AA9660
- A19267
- 998E6E
- 908975
- 88857B
Farbharmonien
Komplementär +180°
- D5AB09
Burnt Yellow
- 93ACFF
≈ Widowmaker
Analog -30° +30°
- D5AB09
Burnt Yellow
- F59639
≈ Highlighter Orange
- A3BE40
≈ In the Tropics
Triadisch +120° +240°
- D5AB09
Burnt Yellow
- 00C6DF
≈ Caribbean Blue
- E78ADD
≈ Love Dust
Geteilt komplementär +150° +210°
- D5AB09
Burnt Yellow
- 51BAFF
≈ Hello Summer
- C099FF
≈ Lilás
Tetradisch +90° +180° +270°
- D5AB09
Burnt Yellow
- 00CCB5
≈ Pristine Oceanic
- 93ACFF
≈ Widowmaker
- FD83AB
≈ Informative Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.17:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.65:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--burnt-yellow: #d5ab09;
--burnt-yellow-rgb: 213 171 9;
--burnt-yellow-oklch: oklch(0.758 0.153 90.8);
}
.element {
color: var(--burnt-yellow);
background-color: hsl(48 92% 44%);
border-color: oklch(0.758 0.153 90.8);
}Tailwind CSS v4
@theme {
--color-burnt-yellow: #d5ab09;
--color-burnt-yellow-50: #fff5c4;
--color-burnt-yellow-100: #fae7ad;
--color-burnt-yellow-200: #ebd386;
--color-burnt-yellow-300: #d3b552;
--color-burnt-yellow-400: #c19900;
--color-burnt-yellow-500: #ac7f00;
--color-burnt-yellow-600: #926b00;
--color-burnt-yellow-700: #755600;
--color-burnt-yellow-800: #583e00;
--color-burnt-yellow-900: #3d2b00;
--color-burnt-yellow-950: #271800;
}SCSS
$burnt-yellow: #d5ab09;
$burnt-yellow-rgb: 213, 171, 9;
$burnt-yellow-light: mix(#fff, $burnt-yellow, 20%);
$burnt-yellow-dark: mix(#000, $burnt-yellow, 20%);
.element {
color: $burnt-yellow;
box-shadow: 0 0 0 2px rgba($burnt-yellow, 0.35);
}