Couleur nommée la plus proche · #174C1E
#174C1E
Couleur nommée la plus proche: Mysterious Mixture
#174C1E (rgb(23 76 30), hsl(128 54% 19%), oklch(0.369 0.093 145.7)) est la plus proche de la couleur nommée Mysterious Mixture. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#174C1E
oklch(0.369 0.093 145.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 2F5D33
- 456D48
- 5B7F5D
- 719072
- 88A289
- 9FB49F
- B6C6B7
- CED9CE
- E6ECE6
Ombres
- 124119
- 0E3613
- 0A2C0E
- 062209
- 041805
- 020F03
- 010601
- 000200
- 000000
Tons
- 245128
- 2F5732
- 3A5C3C
- 446145
- 4E664F
- 586B59
- 627162
- 6C766C
- 767B76
Harmonies de couleurs
Complémentaire +180°
- 174C1E
Mysterious Mixture
- 582C5A
≈ Kuwanomi Purple
Analogue -30° +30°
- 174C1E
Mysterious Mixture
- 3E4400
≈ Green Not Found
- 004B3E
≈ Aqua Deep
Triadique +120° +240°
- 174C1E
Mysterious Mixture
- 283C71
≈ Blue Expanse
- 682825
≈ Azuki Red
Complémentaire divisée +150° +210°
- 174C1E
Mysterious Mixture
- 44336B
≈ Minsk
- 642741
≈ Quills of Terico
Tétradique +90° +180° +270°
- 174C1E
Mysterious Mixture
- 004563
≈ Forest Blues
- 582C5A
≈ Kuwanomi Purple
- 633000
≈ Beasty Brown
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.05:1 · APCA Lc 93
Ag
FailSur noir
WCAG 2.08:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.05:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
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);
}