Nazwany kolor · #5E8B3D
Hidden Paradise
Hidden Paradise to #5E8B3D: rgb(94 139 61), hsl(95 39% 39%), oklch(0.586 0.119 133.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Hidden Paradise color name →
#5E8B3D
oklch(0.586 0.119 133.7)
Konwersje koloru
- HEX
- #5e8b3d
- RGB
- rgb(94 139 61)
- HSL
- hsl(95 39% 39%)
- HWB
- hwb(95 24% 45%)
- OKLCH
- oklch(0.586 0.119 133.7)
- OKLab
- oklab(0.586 -0.082 0.086)
- CIE Lab
- lab(53.26 -26.71 35.95)
- LCH
- lch(53.26 44.79 126.6)
- CMYK
- cmyk(32% 0% 56% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6D9651
- 7DA265
- 8CAD78
- 9CB98B
- ACC49E
- BCD0B1
- CDDCC4
- DDE7D7
- EEF3EB
Odcienie ciemniejsze
- 517834
- 44662B
- 375422
- 2B431A
- 1F3212
- 14230A
- 0A1404
- 030701
- 000100
Tony
- 628A45
- 65894D
- 698854
- 6C875B
- 708662
- 738568
- 76846E
- 7A8374
- 7D817A
Harmonie kolorów
Komplementarna +180°
- 5E8B3D
Hidden Paradise
- 9565AD
≈ Empire Violet
Analogowa -30° +30°
- 5E8B3D
Hidden Paradise
- 897F10
≈ Olive
- 189268
≈ Viridian
Triada +120° +240°
- 5E8B3D
Hidden Paradise
- 457EC1
≈ Tufts Blue
- B75B67
≈ Pink Flame
Komplementarna rozszczepiona +150° +210°
- 5E8B3D
Hidden Paradise
- 7471C0
≈ Venus Violet
- AC5D8E
≈ Meadow Mauve
Tetrada +90° +180° +270°
- 5E8B3D
Hidden Paradise
- 0089AC
≈ Corfu Waters
- 9565AD
≈ Empire Violet
- B5623D
≈ Caramel Dream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.01:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.23:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--hidden-paradise: #5e8b3d;
--hidden-paradise-rgb: 94 139 61;
--hidden-paradise-oklch: oklch(0.586 0.119 133.7);
}
.element {
color: var(--hidden-paradise);
background-color: hsl(95 39% 39%);
border-color: oklch(0.586 0.119 133.7);
}Tailwind CSS v4
@theme {
--color-hidden-paradise: #5e8b3d;
--color-hidden-paradise-50: #e6fedc;
--color-hidden-paradise-100: #d7f2ca;
--color-hidden-paradise-200: #bee0ae;
--color-hidden-paradise-300: #9cc688;
--color-hidden-paradise-400: #81ae63;
--color-hidden-paradise-500: #64973f;
--color-hidden-paradise-600: #558036;
--color-hidden-paradise-700: #44662b;
--color-hidden-paradise-800: #334b1c;
--color-hidden-paradise-900: #223412;
--color-hidden-paradise-950: #121f05;
}SCSS
$hidden-paradise: #5e8b3d;
$hidden-paradise-rgb: 94, 139, 61;
$hidden-paradise-light: mix(#fff, $hidden-paradise, 20%);
$hidden-paradise-dark: mix(#000, $hidden-paradise, 20%);
.element {
color: $hidden-paradise;
box-shadow: 0 0 0 2px rgba($hidden-paradise, 0.35);
}