Colore con nome più vicino · #94593D
#94593D
Colore con nome più vicino: Coconut
#94593D (rgb(148 89 61), hsl(19 42% 41%), oklch(0.525 0.088 45.7)) è più vicino al colore con nome Coconut. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#94593D
oklch(0.525 0.088 45.7)
Conversioni di colore
- HEX
- #94593d
- RGB
- rgb(148 89 61)
- HSL
- hsl(19 42% 41%)
- HWB
- hwb(19 24% 42%)
- OKLCH
- oklch(0.525 0.088 45.7)
- OKLab
- oklab(0.525 0.062 0.063)
- CIE Lab
- lab(44.28 22.87 26.9)
- LCH
- lch(44.28 35.31 49.6)
- CMYK
- cmyk(0% 40% 59% 42%)
Tinte · Ombre · Toni
Tinte
- 9F6950
- AA7962
- B58975
- C09988
- CBAA9B
- D5BAAE
- E0CBC2
- EADCD6
- F5EEEA
Ombre
- 804C34
- 6D402B
- 5A3422
- 48281A
- 361D12
- 26130A
- 160904
- 080301
- 010000
Toni
- 935D44
- 91614B
- 8F6652
- 8E6959
- 8C6D60
- 8A7166
- 88756D
- 857973
- 837C7A
Armonie di colore
Complementare +180°
- 94593D
Coconut
- 217491
≈ Devil Blue
Analogo -30° +30°
- 94593D
Coconut
- 965459
≈ Mesa Red
- 876229
≈ Kumera
Triadico +120° +240°
- 94593D
Coconut
- 2D7A5E
≈ Pinehurst
- 66629B
≈ Dark Horizon
Complementare divisa +150° +210°
- 94593D
Coconut
- 067A7B
≈ Blue Grass
- 476C9C
≈ San Marino
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.59:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.75:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--coconut: #94593d;
--coconut-rgb: 148 89 61;
--coconut-oklch: oklch(0.525 0.088 45.7);
}
.element {
color: var(--coconut);
background-color: hsl(19 42% 41%);
border-color: oklch(0.525 0.088 45.7);
}Tailwind CSS v4
@theme {
--color-coconut: #94593d;
--color-coconut-50: #ffeee0;
--color-coconut-100: #ffe0cf;
--color-coconut-200: #f5cab4;
--color-coconut-300: #deaa91;
--color-coconut-400: #cb8e72;
--color-coconut-500: #b67353;
--color-coconut-600: #9a6147;
--color-coconut-700: #7c4e38;
--color-coconut-800: #5c3829;
--color-coconut-900: #40261b;
--color-coconut-950: #29140c;
}SCSS
$coconut: #94593d;
$coconut-rgb: 148, 89, 61;
$coconut-light: mix(#fff, $coconut, 20%);
$coconut-dark: mix(#000, $coconut, 20%);
.element {
color: $coconut;
box-shadow: 0 0 0 2px rgba($coconut, 0.35);
}