Benannte Farbe · #D5B54C
Farm Straw
Farm Straw ist #D5B54C: rgb(213 181 76), hsl(46 62% 57%), oklch(0.781 0.128 92.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Farm Straw color name →
#D5B54C
oklch(0.781 0.128 92.2)
Farbumrechnungen
- HEX
- #d5b54c
- RGB
- rgb(213 181 76)
- HSL
- hsl(46 62% 57%)
- HWB
- hwb(46 30% 16%)
- OKLCH
- oklch(0.781 0.128 92.2)
- OKLab
- oklab(0.781 -0.005 0.128)
- CIE Lab
- lab(75.06 3.35 56.16)
- LCH
- lch(75.06 56.26 86.6)
- CMYK
- cmyk(0% 15% 64% 16%)
Tints · Shades · Tones
Tints
- D9BD62
- DDC476
- E2CC88
- E6D39A
- EADAAB
- EEE2BC
- F2E9CD
- F7F0DE
- FBF8EE
Shades
- B99D41
- 9E8636
- 836F2C
- 6A5922
- 514418
- 3A300F
- 241D06
- 100C02
- 020200
Tones
- CCB055
- C3AB5C
- BBA563
- B2A069
- AA9B6E
- A19672
- 999076
- 908B7A
- 88857D
Farbharmonien
Komplementär +180°
- D5B54C
Farm Straw
- 9FB3FF
≈ Wondrous Wisteria
Analog -30° +30°
- D5B54C
Farm Straw
- F2A45B
≈ Sandy Brown
- AAC563
≈ Green Peridot
Triadisch +120° +240°
- D5B54C
Farm Straw
- 2DCDE7
≈ Picnic Day Sky
- E898DC
≈ Love Dust
Geteilt komplementär +150° +210°
- D5B54C
Farm Straw
- 6CC1FF
≈ Maya Blue
- C7A3FC
≈ Diva
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.99:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.54:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--farm-straw: #d5b54c;
--farm-straw-rgb: 213 181 76;
--farm-straw-oklch: oklch(0.781 0.128 92.2);
}
.element {
color: var(--farm-straw);
background-color: hsl(46 62% 57%);
border-color: oklch(0.781 0.128 92.2);
}Tailwind CSS v4
@theme {
--color-farm-straw: #d5b54c;
--color-farm-straw-50: #fff5cc;
--color-farm-straw-100: #f6e8b8;
--color-farm-straw-200: #e6d495;
--color-farm-straw-300: #cdb768;
--color-farm-straw-400: #b99c37;
--color-farm-straw-500: #a48200;
--color-farm-straw-600: #8b6e00;
--color-farm-straw-700: #6f5800;
--color-farm-straw-800: #534000;
--color-farm-straw-900: #3a2c00;
--color-farm-straw-950: #241900;
}SCSS
$farm-straw: #d5b54c;
$farm-straw-rgb: 213, 181, 76;
$farm-straw-light: mix(#fff, $farm-straw, 20%);
$farm-straw-dark: mix(#000, $farm-straw, 20%);
.element {
color: $farm-straw;
box-shadow: 0 0 0 2px rgba($farm-straw, 0.35);
}