Colore con nome · #4A5D23
Obscure Olive
Obscure Olive è #4A5D23: rgb(74 93 35), hsl(80 45% 25%), oklch(0.449 0.086 125). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Obscure Olive color name →
#4A5D23
oklch(0.449 0.086 125)
Conversioni di colore
- HEX
- #4a5d23
- RGB
- rgb(74 93 35)
- HSL
- hsl(80 45% 25%)
- HWB
- hwb(80 14% 64%)
- OKLCH
- oklch(0.449 0.086 125)
- OKLab
- oklab(0.449 -0.049 0.071)
- CIE Lab
- lab(36.88 -15.04 30.02)
- LCH
- lch(36.88 33.58 116.6)
- CMYK
- cmyk(20% 0% 62% 64%)
Tinte · Ombre · Toni
Tinte
- 5A6C39
- 6B7B4E
- 7C8B63
- 8E9B78
- A0AB8E
- B2BBA4
- C5CCBA
- D8DDD1
- EBEEE8
Ombre
- 3F501D
- 354317
- 2A3711
- 202A0C
- 171F07
- 0E1404
- 060A01
- 020300
- 000000
Toni
- 4F612E
- 546438
- 5A6841
- 5F6B4B
- 646F54
- 6A725D
- 6F7665
- 75796E
- 7A7D77
Armonie di colore
Complementare +180°
- 4A5D23
Obscure Olive
- 60487B
≈ Royal Robe
Analogo -30° +30°
- 4A5D23
Obscure Olive
- 64540E
≈ Olive Brown
- 26633F
≈ Fairway Green
Triadico +120° +240°
- 4A5D23
Obscure Olive
- 255981
≈ Bahama Blue
- 7C3F4E
≈ Berry Bush
Complementare divisa +150° +210°
- 4A5D23
Obscure Olive
- 475084
≈ Blue Jewel
- 724168
≈ Burnt Orchid
Tetradico +90° +180° +270°
- 4A5D23
Obscure Olive
- 006070
≈ Cool Dive
- 60487B
≈ Royal Robe
- 7D4233
≈ Monterey Chestnut
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.28:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.88:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--obscure-olive: #4a5d23;
--obscure-olive-rgb: 74 93 35;
--obscure-olive-oklch: oklch(0.449 0.086 125);
}
.element {
color: var(--obscure-olive);
background-color: hsl(80 45% 25%);
border-color: oklch(0.449 0.086 125);
}Tailwind CSS v4
@theme {
--color-obscure-olive: #4a5d23;
--color-obscure-olive-50: #eefae0;
--color-obscure-olive-100: #e0eecf;
--color-obscure-olive-200: #cadcb4;
--color-obscure-olive-300: #abc091;
--color-obscure-olive-400: #93a86f;
--color-obscure-olive-500: #79904f;
--color-obscure-olive-600: #677a43;
--color-obscure-olive-700: #526235;
--color-obscure-olive-800: #3d4725;
--color-obscure-olive-900: #2a3118;
--color-obscure-olive-950: #171d09;
}SCSS
$obscure-olive: #4a5d23;
$obscure-olive-rgb: 74, 93, 35;
$obscure-olive-light: mix(#fff, $obscure-olive, 20%);
$obscure-olive-dark: mix(#000, $obscure-olive, 20%);
.element {
color: $obscure-olive;
box-shadow: 0 0 0 2px rgba($obscure-olive, 0.35);
}