Benannte Farbe · #9E7C5E
Sandpit
Sandpit ist #9E7C5E: rgb(158 124 94), hsl(28 25% 49%), oklch(0.612 0.06 62.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sandpit color name →
#9E7C5E
oklch(0.612 0.06 62.8)
Farbumrechnungen
- HEX
- #9e7c5e
- RGB
- rgb(158 124 94)
- HSL
- hsl(28 25% 49%)
- HWB
- hwb(28 37% 38%)
- OKLCH
- oklch(0.612 0.06 62.8)
- OKLab
- oklab(0.612 0.028 0.053)
- CIE Lab
- lab(54.8 10.54 21.71)
- LCH
- lch(54.8 24.13 64.1)
- CMYK
- cmyk(0% 22% 41% 38%)
Tints · Shades · Tones
Tints
- A8886D
- B1957D
- BBA28C
- C4AF9C
- CEBCAC
- D8C9BC
- E2D6CD
- EBE4DD
- F5F1EE
Shades
- 896B51
- 745A44
- 604A37
- 4D3B2B
- 3A2C1F
- 291E14
- 18110A
- 090503
- 010100
Tones
- 9B7D62
- 987D65
- 957D69
- 927E6C
- 8F7E70
- 8C7F73
- 897F76
- 867F7A
- 83807D
Farbharmonien
Komplementär +180°
- 9E7C5E
Sandpit
- 6488A5
≈ Moody Indigo
Analog -30° +30°
- 9E7C5E
Sandpit
- A5776D
≈ Autumn Russet
- 90835A
≈ Dash of Oregano
Triadisch +120° +240°
- 9E7C5E
Sandpit
- 599087
≈ Sea Garden
- 8B7BA2
≈ Pickled Purple
Geteilt komplementär +150° +210°
- 9E7C5E
Sandpit
- 578D99
≈ Cabana Blue
- 7782A8
≈ Positively Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.81:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.49:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--sandpit: #9e7c5e;
--sandpit-rgb: 158 124 94;
--sandpit-oklch: oklch(0.612 0.06 62.8);
}
.element {
color: var(--sandpit);
background-color: hsl(28 25% 49%);
border-color: oklch(0.612 0.06 62.8);
}Tailwind CSS v4
@theme {
--color-sandpit: #9e7c5e;
--color-sandpit-50: #fff2e4;
--color-sandpit-100: #f7e4d4;
--color-sandpit-200: #e7d0ba;
--color-sandpit-300: #ceb298;
--color-sandpit-400: #b9977a;
--color-sandpit-500: #a37e5c;
--color-sandpit-600: #8a6a4f;
--color-sandpit-700: #6e553e;
--color-sandpit-800: #523e2d;
--color-sandpit-900: #392a1e;
--color-sandpit-950: #23180e;
}SCSS
$sandpit: #9e7c5e;
$sandpit-rgb: 158, 124, 94;
$sandpit-light: mix(#fff, $sandpit, 20%);
$sandpit-dark: mix(#000, $sandpit, 20%);
.element {
color: $sandpit;
box-shadow: 0 0 0 2px rgba($sandpit, 0.35);
}