Colore con nome · #374231
Sensaimidori Green
Sensaimidori Green è #374231: rgb(55 66 49), hsl(99 15% 23%), oklch(0.364 0.032 134.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sensaimidori Green color name →
#374231
oklch(0.364 0.032 134.7)
Conversioni di colore
- HEX
- #374231
- RGB
- rgb(55 66 49)
- HSL
- hsl(99 15% 23%)
- HWB
- hwb(99 19% 74%)
- OKLCH
- oklch(0.364 0.032 134.7)
- OKLab
- oklab(0.364 -0.022 0.023)
- CIE Lab
- lab(26.57 -7.51 8.83)
- LCH
- lch(26.57 11.6 130.4)
- CMYK
- cmyk(17% 0% 26% 74%)
Tinte · Ombre · Toni
Tinte
- 485343
- 5B6456
- 6D7669
- 81887D
- 959B91
- A9AEA6
- BEC2BC
- D3D6D2
- E9EAE8
Ombre
- 2E3829
- 262F22
- 1E251A
- 161C13
- 0F140C
- 080B06
- 030503
- 010101
- 000000
Toni
- 3E4838
- 454E40
- 4C5448
- 535A4F
- 5A6057
- 62665F
- 696D67
- 71736F
- 787A78
Armonie di colore
Complementare +180°
- 374231
Sensaimidori Green
- 44394A
≈ Mysterioso
Analogo -30° +30°
- 374231
Sensaimidori Green
- 403F2B
≈ Scorched Metal
- 2E443A
≈ Bracken Fern
Triadico +120° +240°
- 374231
Sensaimidori Green
- 333F4F
≈ Burka Black
- 4E3739
≈ Vibrant Vine
Complementare divisa +150° +210°
- 374231
Sensaimidori Green
- 3C3C4F
≈ India Ink
- 4B3742
≈ Royal Silk
Tetradico +90° +180° +270°
- 374231
Sensaimidori Green
- 2B424B
≈ Japanese Indigo
- 44394A
≈ Mysterioso
- 4D3930
≈ Button Eyes
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.57:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.98:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.57:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--sensaimidori-green: #374231;
--sensaimidori-green-rgb: 55 66 49;
--sensaimidori-green-oklch: oklch(0.364 0.032 134.7);
}
.element {
color: var(--sensaimidori-green);
background-color: hsl(99 15% 23%);
border-color: oklch(0.364 0.032 134.7);
}Tailwind CSS v4
@theme {
--color-sensaimidori-green: #374231;
--color-sensaimidori-green-50: #f1f7ee;
--color-sensaimidori-green-100: #e3eae0;
--color-sensaimidori-green-200: #ced8ca;
--color-sensaimidori-green-300: #b0bbac;
--color-sensaimidori-green-400: #97a390;
--color-sensaimidori-green-500: #7d8b76;
--color-sensaimidori-green-600: #6a7664;
--color-sensaimidori-green-700: #555e50;
--color-sensaimidori-green-800: #3e453a;
--color-sensaimidori-green-900: #2b3027;
--color-sensaimidori-green-950: #181c16;
}SCSS
$sensaimidori-green: #374231;
$sensaimidori-green-rgb: 55, 66, 49;
$sensaimidori-green-light: mix(#fff, $sensaimidori-green, 20%);
$sensaimidori-green-dark: mix(#000, $sensaimidori-green, 20%);
.element {
color: $sensaimidori-green;
box-shadow: 0 0 0 2px rgba($sensaimidori-green, 0.35);
}