Colore con nome più vicino · #174C1E
#174C1E
Colore con nome più vicino: Mysterious Mixture
#174C1E (rgb(23 76 30), hsl(128 54% 19%), oklch(0.369 0.093 145.7)) è più vicino al colore con nome Mysterious Mixture. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#174C1E
oklch(0.369 0.093 145.7)
Conversioni di colore
- HEX
- #174c1e
- RGB
- rgb(23 76 30)
- HSL
- hsl(128 54% 19%)
- HWB
- hwb(128 9% 70%)
- OKLCH
- oklch(0.369 0.093 145.7)
- OKLab
- oklab(0.369 -0.077 0.053)
- CIE Lab
- lab(27.98 -26.54 21.65)
- LCH
- lch(27.98 34.25 140.8)
- CMYK
- cmyk(70% 0% 61% 70%)
Tinte · Ombre · Toni
Tinte
- 2F5D33
- 456D48
- 5B7F5D
- 719072
- 88A289
- 9FB49F
- B6C6B7
- CED9CE
- E6ECE6
Ombre
- 124119
- 0E3613
- 0A2C0E
- 062209
- 041805
- 020F03
- 010601
- 000200
- 000000
Toni
- 245128
- 2F5732
- 3A5C3C
- 446145
- 4E664F
- 586B59
- 627162
- 6C766C
- 767B76
Armonie di colore
Complementare +180°
- 174C1E
Mysterious Mixture
- 582C5A
≈ Kuwanomi Purple
Analogo -30° +30°
- 174C1E
Mysterious Mixture
- 3E4400
≈ Green Not Found
- 004B3E
≈ Aqua Deep
Triadico +120° +240°
- 174C1E
Mysterious Mixture
- 283C71
≈ Blue Expanse
- 682825
≈ Azuki Red
Complementare divisa +150° +210°
- 174C1E
Mysterious Mixture
- 44336B
≈ Minsk
- 642741
≈ Quills of Terico
Tetradico +90° +180° +270°
- 174C1E
Mysterious Mixture
- 004563
≈ Forest Blues
- 582C5A
≈ Kuwanomi Purple
- 633000
≈ Beasty Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.05:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.08:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.05:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--mysterious-mixture: #174c1e;
--mysterious-mixture-rgb: 23 76 30;
--mysterious-mixture-oklch: oklch(0.369 0.093 145.7);
}
.element {
color: var(--mysterious-mixture);
background-color: hsl(128 54% 19%);
border-color: oklch(0.369 0.093 145.7);
}Tailwind CSS v4
@theme {
--color-mysterious-mixture: #174c1e;
--color-mysterious-mixture-50: #e4fde6;
--color-mysterious-mixture-100: #d4f1d7;
--color-mysterious-mixture-200: #bae0be;
--color-mysterious-mixture-300: #98c59c;
--color-mysterious-mixture-400: #7aad7d;
--color-mysterious-mixture-500: #5c975f;
--color-mysterious-mixture-600: #4e7f51;
--color-mysterious-mixture-700: #3e6641;
--color-mysterious-mixture-800: #2e4b2d;
--color-mysterious-mixture-900: #1f341e;
--color-mysterious-mixture-950: #0f1f0e;
}SCSS
$mysterious-mixture: #174c1e;
$mysterious-mixture-rgb: 23, 76, 30;
$mysterious-mixture-light: mix(#fff, $mysterious-mixture, 20%);
$mysterious-mixture-dark: mix(#000, $mysterious-mixture, 20%);
.element {
color: $mysterious-mixture;
box-shadow: 0 0 0 2px rgba($mysterious-mixture, 0.35);
}