Colore con nome · #917A56
Coconut Shell
Coconut Shell è #917A56: rgb(145 122 86), hsl(37 26% 45%), oklch(0.592 0.058 78.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coconut Shell color name →
#917A56
oklch(0.592 0.058 78.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9C8766
- A69376
- B1A087
- BCAD97
- C7BBA8
- D2C8B9
- DDD6CA
- E8E3DC
- F4F1ED
Ombre
- 7D694A
- 6A593E
- 584932
- 463A27
- 352B1C
- 251D12
- 151008
- 070502
- 010100
Toni
- 8F7B5B
- 8E7B5F
- 8C7C63
- 8A7D68
- 897D6C
- 877E70
- 857E74
- 847F78
- 82807C
Armonie di colore
Complementare +180°
- 917A56
Coconut Shell
- 697FA1
≈ Bay View
Analogo -30° +30°
- 917A56
Coconut Shell
- 9B745F
≈ Kurumizome Brown
- 818158
≈ Spinach Souffle
Triadico +120° +240°
- 917A56
Coconut Shell
- 52898B
≈ Evora
- 8D7394
≈ Wine Stroll
Complementare divisa +150° +210°
- 917A56
Coconut Shell
- 58859A
≈ Blue Moon Bay
- 7C799F
≈ Grape Jam
Tetradico +90° +180° +270°
- 917A56
Coconut Shell
- 5A8977
≈ Privet Hedge
- 697FA1
≈ Bay View
- 997084
≈ Meadow Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.09:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.12:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
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);
}