Colore con nome · #3E4740
Rich Olive
Rich Olive è #3E4740: rgb(62 71 64), hsl(133 7% 26%), oklch(0.387 0.017 152.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rich Olive color name →
#3E4740
oklch(0.387 0.017 152.1)
Conversioni di colore
- HEX
- #3e4740
- RGB
- rgb(62 71 64)
- HSL
- hsl(133 7% 26%)
- HWB
- hwb(133 24% 72%)
- OKLCH
- oklch(0.387 0.017 152.1)
- OKLab
- oklab(0.387 -0.015 0.008)
- CIE Lab
- lab(29.16 -5.01 2.92)
- LCH
- lch(29.16 5.8 149.7)
- CMYK
- cmyk(13% 0% 10% 72%)
Tinte · Ombre · Toni
Tinte
- 4F5751
- 616862
- 737A74
- 868C87
- 999E9A
- ACB1AD
- C1C4C1
- D5D7D5
- EAEBEA
Ombre
- 353D36
- 2B322D
- 232824
- 1A1F1B
- 121613
- 0A0D0B
- 040605
- 010201
- 000000
Toni
- 444C46
- 4B524C
- 515852
- 585D59
- 5E635F
- 656966
- 6B6E6C
- 727473
- 797A79
Armonie di colore
Complementare +180°
- 3E4740
Rich Olive
- 4A4148
≈ Dark Burgundy Wine
Analogo -30° +30°
- 3E4740
Rich Olive
- 43463C
≈ Black Forest Green
- 3B4745
≈ Darkness Green
Triadico +120° +240°
- 3E4740
Rich Olive
- 41444D
≈ Blackbird
- 4D413F
≈ Rhodonite Brown
Complementare divisa +150° +210°
- 3E4740
Rich Olive
- 46424C
≈ Nine Iron
- 4C4143
≈ Rhodonite Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.63:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.18:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--rich-olive: #3e4740;
--rich-olive-rgb: 62 71 64;
--rich-olive-oklch: oklch(0.387 0.017 152.1);
}
.element {
color: var(--rich-olive);
background-color: hsl(133 7% 26%);
border-color: oklch(0.387 0.017 152.1);
}Tailwind CSS v4
@theme {
--color-rich-olive: #3e4740;
--color-rich-olive-50: #f2f7f3;
--color-rich-olive-100: #e4e9e5;
--color-rich-olive-200: #cfd6d1;
--color-rich-olive-300: #b1bab4;
--color-rich-olive-400: #98a19a;
--color-rich-olive-500: #7e8981;
--color-rich-olive-600: #6b746d;
--color-rich-olive-700: #565d57;
--color-rich-olive-800: #3e443f;
--color-rich-olive-900: #2b2f2c;
--color-rich-olive-950: #181c19;
}SCSS
$rich-olive: #3e4740;
$rich-olive-rgb: 62, 71, 64;
$rich-olive-light: mix(#fff, $rich-olive, 20%);
$rich-olive-dark: mix(#000, $rich-olive, 20%);
.element {
color: $rich-olive;
box-shadow: 0 0 0 2px rgba($rich-olive, 0.35);
}