Benannte Farbe · #D4BA8C
Buckskin
Buckskin ist #D4BA8C: rgb(212 186 140), hsl(38 46% 69%), oklch(0.8 0.068 81.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Buckskin color name →
#D4BA8C
oklch(0.8 0.068 81.6)
Farbumrechnungen
- HEX
- #d4ba8c
- RGB
- rgb(212 186 140)
- HSL
- hsl(38 46% 69%)
- HWB
- hwb(38 55% 17%)
- OKLCH
- oklch(0.8 0.068 81.6)
- OKLab
- oklab(0.8 0.01 0.067)
- CIE Lab
- lab(76.94 4.71 26.98)
- LCH
- lch(76.94 27.39 80.1)
- CMYK
- cmyk(0% 12% 34% 17%)
Tints · Shades · Tones
Tints
- D8C198
- DDC8A3
- E1CFAE
- E5D5BA
- EADCC5
- EEE3D1
- F2EADC
- F6F1E8
- FBF8F3
Shades
- B8A179
- 9D8967
- 837255
- 695C43
- 514633
- 3A3223
- 241E14
- 100D07
- 020201
Tones
- CBB48B
- C3AE8A
- BAA889
- B2A388
- A99D87
- A19786
- 999184
- 908B83
- 888682
Farbharmonien
Komplementär +180°
- D4BA8C
Buckskin
- A6BFEA
≈ Sky High
Analog -30° +30°
- D4BA8C
Buckskin
- E2B296
≈ Pretty Rascal
- BFC390
≈ Brimstone Butterfly
Triadisch +120° +240°
- D4BA8C
Buckskin
- 88CBD0
≈ White Ultramarine
- D3B0D8
≈ Whisper of Plum
Geteilt komplementär +150° +210°
- D4BA8C
Buckskin
- 91C6E2
≈ Caribbean Coast
- BEB7E7
≈ Pretty Posie
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.87:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.20:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--buckskin: #d4ba8c;
--buckskin-rgb: 212 186 140;
--buckskin-oklch: oklch(0.8 0.068 81.6);
}
.element {
color: var(--buckskin);
background-color: hsl(38 46% 69%);
border-color: oklch(0.8 0.068 81.6);
}Tailwind CSS v4
@theme {
--color-buckskin: #d4ba8c;
--color-buckskin-50: #fff4e0;
--color-buckskin-100: #f3e6cf;
--color-buckskin-200: #e2d2b4;
--color-buckskin-300: #c8b590;
--color-buckskin-400: #b39b70;
--color-buckskin-500: #9d8250;
--color-buckskin-600: #856e45;
--color-buckskin-700: #6a5837;
--color-buckskin-800: #4f4027;
--color-buckskin-900: #372c1a;
--color-buckskin-950: #22190a;
}SCSS
$buckskin: #d4ba8c;
$buckskin-rgb: 212, 186, 140;
$buckskin-light: mix(#fff, $buckskin, 20%);
$buckskin-dark: mix(#000, $buckskin, 20%);
.element {
color: $buckskin;
box-shadow: 0 0 0 2px rgba($buckskin, 0.35);
}