Benannte Farbe · #E5D0B0
Chaparral
Chaparral ist #E5D0B0: rgb(229 208 176), hsl(36 50% 79%), oklch(0.867 0.049 78.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Chaparral color name →
#E5D0B0
oklch(0.867 0.049 78.4)
Farbumrechnungen
- HEX
- #e5d0b0
- RGB
- rgb(229 208 176)
- HSL
- hsl(36 50% 79%)
- HWB
- hwb(36 69% 10%)
- OKLCH
- oklch(0.867 0.049 78.4)
- OKLab
- oklab(0.867 0.01 0.048)
- CIE Lab
- lab(84.63 3.92 18.76)
- LCH
- lch(84.63 19.16 78.2)
- CMYK
- cmyk(0% 9% 23% 10%)
Tints · Shades · Tones
Tints
- E8D5B8
- EAD9C0
- EDDEC8
- EFE3CF
- F2E7D7
- F5ECDF
- F7F1E7
- FAF6EF
- FCFAF7
Shades
- C7B599
- AA9A82
- 8E806C
- 726756
- 584F42
- 3F392E
- 28231C
- 12100B
- 030201
Tones
- DAC8AB
- D0C0A6
- C6B7A2
- BBAF9D
- B1A798
- A79F93
- 9D978E
- 938F8A
- 8A8885
Farbharmonien
Komplementär +180°
- E5D0B0
Chaparral
- C0D5F4
≈ Mr. Glass
Analog -30° +30°
- E5D0B0
Chaparral
- EFCAB8
≈ Bare Necessity
- D5D6B2
≈ Prairie Willow
Triadisch +120° +240°
- E5D0B0
Chaparral
- AFDEDF
≈ Blue Light
- E1CAE8
≈ Syrian Violet
Geteilt komplementär +150° +210°
- E5D0B0
Chaparral
- B3DAED
≈ Soap Bubble
- D1CFF2
≈ Miami White
Tetradisch +90° +180° +270°
- E5D0B0
Chaparral
- B5DECD
≈ Refrigerator Green
- C0D5F4
≈ Mr. Glass
- EDC7D9
≈ Lily Legs
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 13.98:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.98:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--chaparral: #e5d0b0;
--chaparral-rgb: 229 208 176;
--chaparral-oklch: oklch(0.867 0.049 78.4);
}
.element {
color: var(--chaparral);
background-color: hsl(36 50% 79%);
border-color: oklch(0.867 0.049 78.4);
}Tailwind CSS v4
@theme {
--color-chaparral: #e5d0b0;
--color-chaparral-50: #fdf4e6;
--color-chaparral-100: #f0e7d6;
--color-chaparral-200: #dfd2bd;
--color-chaparral-300: #c5b59c;
--color-chaparral-400: #ae9b7e;
--color-chaparral-500: #988362;
--color-chaparral-600: #816f53;
--color-chaparral-700: #675842;
--color-chaparral-800: #4c402f;
--color-chaparral-900: #352c20;
--color-chaparral-950: #201910;
}SCSS
$chaparral: #e5d0b0;
$chaparral-rgb: 229, 208, 176;
$chaparral-light: mix(#fff, $chaparral, 20%);
$chaparral-dark: mix(#000, $chaparral, 20%);
.element {
color: $chaparral;
box-shadow: 0 0 0 2px rgba($chaparral, 0.35);
}