Nächste benannte Farbe · #1E372A
#1E372A
Nächste benannte Farbe: Everglade
#1E372A (rgb(30 55 42), hsl(149 29% 17%), oklch(0.312 0.039 160.3)) liegt am nächsten an der benannten Farbe Everglade. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1E372A
oklch(0.312 0.039 160.3)
Farbumrechnungen
- HEX
- #1e372a
- RGB
- rgb(30 55 42)
- HSL
- hsl(149 29% 17%)
- HWB
- hwb(149 12% 78%)
- OKLCH
- oklch(0.312 0.039 160.3)
- OKLab
- oklab(0.312 -0.037 0.013)
- CIE Lab
- lab(20.7 -12.86 5)
- LCH
- lch(20.7 13.8 158.8)
- CMYK
- cmyk(45% 0% 24% 78%)
Tints · Shades · Tones
Tints
- 32493C
- 465B4F
- 5B6E63
- 718178
- 87958D
- 9EA9A3
- B6BEB9
- CED3D0
- E6E9E7
Shades
- 192E23
- 13261C
- 0E1E16
- 091610
- 050F0A
- 030805
- 010302
- 000101
- 000000
Tones
- 283E32
- 31453A
- 3B4C42
- 44534B
- 4E5A53
- 58625C
- 626965
- 6C716E
- 767877
Farbharmonien
Komplementär +180°
- 1E372A
Everglade
- 3E2937
≈ Rare Wine
Analog -30° +30°
- 1E372A
Everglade
- 2A3520
≈ Rangitoto
- 163735
≈ Fait Accompli
Triadisch +120° +240°
- 1E372A
Everglade
- 2D2F44
≈ Blue Exult
- 422A21
≈ English Walnut
Geteilt komplementär +150° +210°
- 1E372A
Everglade
- 372B40
≈ Spinel Violet
- 42282C
≈ Wenge Black
Tetradisch +90° +180° +270°
- 1E372A
Everglade
- 213244
≈ Crow Black
- 3E2937
≈ Rare Wine
- 3E2D1A
≈ Bistre
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.84:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.63:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.84:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--everglade: #1e372a;
--everglade-rgb: 30 55 42;
--everglade-oklch: oklch(0.312 0.039 160.3);
}
.element {
color: var(--everglade);
background-color: hsl(149 29% 17%);
border-color: oklch(0.312 0.039 160.3);
}Tailwind CSS v4
@theme {
--color-everglade: #1e372a;
--color-everglade-50: #ecf9f2;
--color-everglade-100: #ddece4;
--color-everglade-200: #c6dacf;
--color-everglade-300: #a6beb1;
--color-everglade-400: #8ba697;
--color-everglade-500: #708f7d;
--color-everglade-600: #5f796a;
--color-everglade-700: #4c6155;
--color-everglade-800: #37473d;
--color-everglade-900: #26312a;
--color-everglade-950: #141d18;
}SCSS
$everglade: #1e372a;
$everglade-rgb: 30, 55, 42;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}