Benannte Farbe · #917A56
Coconut Shell
Coconut Shell ist #917A56: rgb(145 122 86), hsl(37 26% 45%), oklch(0.592 0.058 78.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Coconut Shell color name →
#917A56
oklch(0.592 0.058 78.4)
Farbumrechnungen
- HEX
- #917a56
- RGB
- rgb(145 122 86)
- HSL
- hsl(37 26% 45%)
- HWB
- hwb(37 34% 43%)
- OKLCH
- oklch(0.592 0.058 78.4)
- OKLab
- oklab(0.592 0.012 0.057)
- CIE Lab
- lab(52.75 5.32 23.22)
- LCH
- lch(52.75 23.83 77.1)
- CMYK
- cmyk(0% 16% 41% 43%)
Tints · Shades · Tones
Tints
- 9C8766
- A69376
- B1A087
- BCAD97
- C7BBA8
- D2C8B9
- DDD6CA
- E8E3DC
- F4F1ED
Shades
- 7D694A
- 6A593E
- 584932
- 463A27
- 352B1C
- 251D12
- 151008
- 070502
- 010100
Tones
- 8F7B5B
- 8E7B5F
- 8C7C63
- 8A7D68
- 897D6C
- 877E70
- 857E74
- 847F78
- 82807C
Farbharmonien
Komplementär +180°
- 917A56
Coconut Shell
- 697FA1
≈ Bay View
Analog -30° +30°
- 917A56
Coconut Shell
- 9B745F
≈ Kurumizome Brown
- 818158
≈ Spinach Souffle
Triadisch +120° +240°
- 917A56
Coconut Shell
- 52898B
≈ Evora
- 8D7394
≈ Wine Stroll
Geteilt komplementär +150° +210°
- 917A56
Coconut Shell
- 58859A
≈ Blue Moon Bay
- 7C799F
≈ Grape Jam
Tetradisch +90° +180° +270°
- 917A56
Coconut Shell
- 5A8977
≈ Privet Hedge
- 697FA1
≈ Bay View
- 997084
≈ Meadow Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.09:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.12:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--coconut-shell: #917a56;
--coconut-shell-rgb: 145 122 86;
--coconut-shell-oklch: oklch(0.592 0.058 78.4);
}
.element {
color: var(--coconut-shell);
background-color: hsl(37 26% 45%);
border-color: oklch(0.592 0.058 78.4);
}Tailwind CSS v4
@theme {
--color-coconut-shell: #917a56;
--color-coconut-shell-50: #fef4e3;
--color-coconut-shell-100: #f2e6d3;
--color-coconut-shell-200: #e1d2b9;
--color-coconut-shell-300: #c7b596;
--color-coconut-shell-400: #b19b78;
--color-coconut-shell-500: #9b825a;
--color-coconut-shell-600: #836e4c;
--color-coconut-shell-700: #69583d;
--color-coconut-shell-800: #4e402b;
--color-coconut-shell-900: #362c1d;
--color-coconut-shell-950: #21190d;
}SCSS
$coconut-shell: #917a56;
$coconut-shell-rgb: 145, 122, 86;
$coconut-shell-light: mix(#fff, $coconut-shell, 20%);
$coconut-shell-dark: mix(#000, $coconut-shell, 20%);
.element {
color: $coconut-shell;
box-shadow: 0 0 0 2px rgba($coconut-shell, 0.35);
}