Benannte Farbe · #D5B37E
Barley
Barley ist #D5B37E: rgb(213 179 126), hsl(37 51% 66%), oklch(0.784 0.08 78.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Barley color name →
#D5B37E
oklch(0.784 0.08 78.3)
Farbumrechnungen
- HEX
- #d5b37e
- RGB
- rgb(213 179 126)
- HSL
- hsl(37 51% 66%)
- HWB
- hwb(37 49% 16%)
- OKLCH
- oklch(0.784 0.08 78.3)
- OKLab
- oklab(0.784 0.016 0.078)
- CIE Lab
- lab(75.07 7.44 31.89)
- LCH
- lch(75.07 32.75 76.9)
- CMYK
- cmyk(0% 16% 41% 16%)
Tints · Shades · Tones
Tints
- D9BB8B
- DEC298
- E2CAA5
- E6D1B2
- EAD9BF
- EEE0CB
- F3E8D8
- F7F0E5
- FBF7F2
Shades
- B99B6D
- 9E845C
- 836E4C
- 6A583C
- 51432D
- 3A2F1F
- 241D11
- 100C05
- 020101
Tones
- CCAE7F
- C4A980
- BBA480
- B29F80
- AA9981
- A19481
- 998F81
- 918A81
- 888580
Farbharmonien
Komplementär +180°
- D5B37E
Barley
- 99BBEC
≈ Blue Shutters
Analog -30° +30°
- D5B37E
Barley
- E4AA8C
≈ Rose Tattoo
- BDBD81
≈ Krieg Khaki
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- D5B37E
Barley
- 81C3E1
≈ Undercool
- B6B1EA
≈ Purple Sand
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.57:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--barley: #d5b37e;
--barley-rgb: 213 179 126;
--barley-oklch: oklch(0.784 0.08 78.3);
}
.element {
color: var(--barley);
background-color: hsl(37 51% 66%);
border-color: oklch(0.784 0.08 78.3);
}Tailwind CSS v4
@theme {
--color-barley: #d5b37e;
--color-barley-50: #fff3dc;
--color-barley-100: #f6e6cb;
--color-barley-200: #e6d1ae;
--color-barley-300: #cdb489;
--color-barley-400: #b89968;
--color-barley-500: #a38045;
--color-barley-600: #8a6c3c;
--color-barley-700: #6e562f;
--color-barley-800: #523f21;
--color-barley-900: #392b16;
--color-barley-950: #241807;
}SCSS
$barley: #d5b37e;
$barley-rgb: 213, 179, 126;
$barley-light: mix(#fff, $barley, 20%);
$barley-dark: mix(#000, $barley, 20%);
.element {
color: $barley;
box-shadow: 0 0 0 2px rgba($barley, 0.35);
}