Nazwany kolor · #395549
Leprechaun Green
Leprechaun Green to #395549: rgb(57 85 73), hsl(154 20% 28%), oklch(0.423 0.039 166). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Leprechaun Green color name →
#395549
oklch(0.423 0.039 166)
Konwersje koloru
- HEX
- #395549
- RGB
- rgb(57 85 73)
- HSL
- hsl(154 20% 28%)
- HWB
- hwb(154 22% 67%)
- OKLCH
- oklch(0.423 0.039 166)
- OKLab
- oklab(0.423 -0.038 0.009)
- CIE Lab
- lab(33.62 -13.18 3.5)
- LCH
- lch(33.62 13.64 165.1)
- CMYK
- cmyk(33% 0% 14% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4B6459
- 5D746A
- 70857B
- 84958D
- 97A69F
- ABB7B2
- C0C9C4
- D4DBD8
- EAEDEB
Odcienie ciemniejsze
- 30493E
- 283D34
- 1F312A
- 172620
- 101C17
- 09110E
- 040806
- 010202
- 000000
Tony
- 40594E
- 475D54
- 4E6259
- 55665E
- 5C6A64
- 636F69
- 6B736F
- 727775
- 797C7A
Harmonie kolorów
Komplementarna +180°
- 395549
Leprechaun Green
- 5E4552
≈ Purple Basil
Analogowa -30° +30°
- 395549
Leprechaun Green
- 44533E
≈ Castellan Green
- 335555
≈ Oracle
Triada +120° +240°
- 395549
Leprechaun Green
- 4C4B63
≈ Blue Suede Shoes
- 60473C
≈ Fairfax Brown
Komplementarna rozszczepiona +150° +210°
- 395549
Leprechaun Green
- 56485D
≈ Soul Train
- 624547
≈ Purple Earth
Tetrada +90° +180° +270°
- 395549
Leprechaun Green
- 404F63
≈ December Eve
- 5E4552
≈ Purple Basil
- 5A4B36
≈ Beggar
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.17:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.56:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.17:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--leprechaun-green: #395549;
--leprechaun-green-rgb: 57 85 73;
--leprechaun-green-oklch: oklch(0.423 0.039 166);
}
.element {
color: var(--leprechaun-green);
background-color: hsl(154 20% 28%);
border-color: oklch(0.423 0.039 166);
}Tailwind CSS v4
@theme {
--color-leprechaun-green: #395549;
--color-leprechaun-green-50: #ebf9f3;
--color-leprechaun-green-100: #dcece5;
--color-leprechaun-green-200: #c5dad1;
--color-leprechaun-green-300: #a5beb3;
--color-leprechaun-green-400: #89a699;
--color-leprechaun-green-500: #6e8f80;
--color-leprechaun-green-600: #5d796d;
--color-leprechaun-green-700: #4a6157;
--color-leprechaun-green-800: #36473f;
--color-leprechaun-green-900: #25312b;
--color-leprechaun-green-950: #131d18;
}SCSS
$leprechaun-green: #395549;
$leprechaun-green-rgb: 57, 85, 73;
$leprechaun-green-light: mix(#fff, $leprechaun-green, 20%);
$leprechaun-green-dark: mix(#000, $leprechaun-green, 20%);
.element {
color: $leprechaun-green;
box-shadow: 0 0 0 2px rgba($leprechaun-green, 0.35);
}