Couleur nommée la plus proche · #354F2C
#354F2C
Couleur nommée la plus proche: Zen Garden Olive
#354F2C (rgb(53 79 44), hsl(105 28% 24%), oklch(0.397 0.065 138)) est la plus proche de la couleur nommée Zen Garden Olive. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#354F2C
oklch(0.397 0.065 138)
Conversions de couleur
- HEX
- #354f2c
- RGB
- rgb(53 79 44)
- HSL
- hsl(105 28% 24%)
- HWB
- hwb(105 17% 69%)
- OKLCH
- oklch(0.397 0.065 138)
- OKLab
- oklab(0.397 -0.048 0.043)
- CIE Lab
- lab(30.76 -16.05 17.39)
- LCH
- lch(30.76 23.66 132.7)
- CMYK
- cmyk(33% 0% 44% 69%)
Teintes · Ombres · Tons
Teintes
- 475F3F
- 5A7052
- 6D8066
- 80927B
- 94A390
- A9B5A5
- BEC7BB
- D3D9D1
- E9ECE8
Ombres
- 2D4425
- 25381E
- 1D2E17
- 152311
- 0E190A
- 081005
- 030702
- 010201
- 000000
Tons
- 3C5434
- 44593D
- 4B5E45
- 52624D
- 5A6755
- 616C5E
- 697166
- 71766F
- 787B77
Harmonies de couleurs
Complémentaire +180°
- 354F2C
Zen Garden Olive
- 553B5D
≈ Old Heliotrope
Analogue -30° +30°
- 354F2C
Zen Garden Olive
- 4A491C
≈ Nori Seaweed Green
- 1C5240
≈ Bagpiper
Triadique +120° +240°
- 354F2C
Zen Garden Olive
- 304769
≈ Lake View
- 653839
≈ Andorra
Complémentaire divisée +150° +210°
- 354F2C
Zen Garden Olive
- 454168
≈ Evening Mauve
- 60384D
≈ Violet Posy
Tétradique +90° +180° +270°
- 354F2C
Zen Garden Olive
- 184D62
≈ Lazurite Blue
- 553B5D
≈ Old Heliotrope
- 633B27
≈ Tropical Wood Brown
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.10:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.30:1 · APCA Lc 11
Meilleure couleur de texte: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--zen-garden-olive: #354f2c;
--zen-garden-olive-rgb: 53 79 44;
--zen-garden-olive-oklch: oklch(0.397 0.065 138);
}
.element {
color: var(--zen-garden-olive);
background-color: hsl(105 28% 24%);
border-color: oklch(0.397 0.065 138);
}Tailwind CSS v4
@theme {
--color-zen-garden-olive: #354f2c;
--color-zen-garden-olive-50: #ecfae9;
--color-zen-garden-olive-100: #ddeed9;
--color-zen-garden-olive-200: #c6dcc1;
--color-zen-garden-olive-300: #a6c0a1;
--color-zen-garden-olive-400: #8ca883;
--color-zen-garden-olive-500: #719167;
--color-zen-garden-olive-600: #607a57;
--color-zen-garden-olive-700: #4d6245;
--color-zen-garden-olive-800: #384831;
--color-zen-garden-olive-900: #263221;
--color-zen-garden-olive-950: #151e11;
}SCSS
$zen-garden-olive: #354f2c;
$zen-garden-olive-rgb: 53, 79, 44;
$zen-garden-olive-light: mix(#fff, $zen-garden-olive, 20%);
$zen-garden-olive-dark: mix(#000, $zen-garden-olive, 20%);
.element {
color: $zen-garden-olive;
box-shadow: 0 0 0 2px rgba($zen-garden-olive, 0.35);
}