Nächste benannte Farbe · #354F2C
#354F2C
Nächste benannte Farbe: Zen Garden Olive
#354F2C (rgb(53 79 44), hsl(105 28% 24%), oklch(0.397 0.065 138)) liegt am nächsten an der benannten Farbe Zen Garden Olive. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#354F2C
oklch(0.397 0.065 138)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 475F3F
- 5A7052
- 6D8066
- 80927B
- 94A390
- A9B5A5
- BEC7BB
- D3D9D1
- E9ECE8
Shades
- 2D4425
- 25381E
- 1D2E17
- 152311
- 0E190A
- 081005
- 030702
- 010201
- 000000
Tones
- 3C5434
- 44593D
- 4B5E45
- 52624D
- 5A6755
- 616C5E
- 697166
- 71766F
- 787B77
Farbharmonien
Komplementär +180°
- 354F2C
Zen Garden Olive
- 553B5D
≈ Old Heliotrope
Analog -30° +30°
- 354F2C
Zen Garden Olive
- 4A491C
≈ Nori Seaweed Green
- 1C5240
≈ Bagpiper
Triadisch +120° +240°
- 354F2C
Zen Garden Olive
- 304769
≈ Lake View
- 653839
≈ Andorra
Geteilt komplementär +150° +210°
- 354F2C
Zen Garden Olive
- 454168
≈ Evening Mauve
- 60384D
≈ Violet Posy
Tetradisch +90° +180° +270°
- 354F2C
Zen Garden Olive
- 184D62
≈ Lazurite Blue
- 553B5D
≈ Old Heliotrope
- 633B27
≈ Tropical Wood Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.10:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.30:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
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);
}