Benannte Farbe · #E3C9A1
Biltmore Buff
Biltmore Buff ist #E3C9A1: rgb(227 201 161), hsl(36 54% 76%), oklch(0.848 0.061 78.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Biltmore Buff color name →
#E3C9A1
oklch(0.848 0.061 78.4)
Farbumrechnungen
- HEX
- #e3c9a1
- RGB
- rgb(227 201 161)
- HSL
- hsl(36 54% 76%)
- HWB
- hwb(36 63% 11%)
- OKLCH
- oklch(0.848 0.061 78.4)
- OKLab
- oklab(0.848 0.012 0.059)
- CIE Lab
- lab(82.44 5.1 23.59)
- LCH
- lch(82.44 24.14 77.8)
- CMYK
- cmyk(0% 11% 29% 11%)
Tints · Shades · Tones
Tints
- E6CEAA
- E9D4B4
- ECD9BD
- EEDFC7
- F1E4D0
- F4E9D9
- F7EFE3
- F9F4EC
- FCFAF6
Shades
- C5AE8B
- A89576
- 8C7C62
- 71644E
- 574C3C
- 3F362A
- 272219
- 120F09
- 030201
Tones
- D9C19E
- CEBA9B
- C4B398
- BAAB94
- B0A491
- A79D8E
- 9D958A
- 938E87
- 898783
Farbharmonien
Komplementär +180°
- E3C9A1
Biltmore Buff
- B5CFF5
≈ Ice Cold Stare
Analog -30° +30°
- E3C9A1
Biltmore Buff
- EFC2AB
≈ Soft Orange
- D0D1A3
≈ Calming Effect
Triadisch +120° +240°
- E3C9A1
Biltmore Buff
- 9EDADC
≈ Lake Reflection
- DEC1E7
≈ Glittering Gemstone
Geteilt komplementär +150° +210°
- E3C9A1
Biltmore Buff
- A4D6ED
≈ Soft Summer Rain
- CBC7F3
≈ Soap
Tetradisch +90° +180° +270°
- E3C9A1
Biltmore Buff
- A7DAC6
≈ Southern Belle
- B5CFF5
≈ Ice Cold Stare
- ECBED4
≈ Cherry Cordial
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.13:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--biltmore-buff: #e3c9a1;
--biltmore-buff-rgb: 227 201 161;
--biltmore-buff-oklch: oklch(0.848 0.061 78.4);
}
.element {
color: var(--biltmore-buff);
background-color: hsl(36 54% 76%);
border-color: oklch(0.848 0.061 78.4);
}Tailwind CSS v4
@theme {
--color-biltmore-buff: #e3c9a1;
--color-biltmore-buff-50: #fef4e2;
--color-biltmore-buff-100: #f3e6d2;
--color-biltmore-buff-200: #e2d2b8;
--color-biltmore-buff-300: #c8b595;
--color-biltmore-buff-400: #b29b76;
--color-biltmore-buff-500: #9c8258;
--color-biltmore-buff-600: #846e4b;
--color-biltmore-buff-700: #6a583b;
--color-biltmore-buff-800: #4e402a;
--color-biltmore-buff-900: #372c1c;
--color-biltmore-buff-950: #21190d;
}SCSS
$biltmore-buff: #e3c9a1;
$biltmore-buff-rgb: 227, 201, 161;
$biltmore-buff-light: mix(#fff, $biltmore-buff, 20%);
$biltmore-buff-dark: mix(#000, $biltmore-buff, 20%);
.element {
color: $biltmore-buff;
box-shadow: 0 0 0 2px rgba($biltmore-buff, 0.35);
}