Najbliższy nazwany kolor · #005746
#005746
Najbliższy nazwany kolor: Evergreen
#005746 (rgb(0 87 70), hsl(168 100% 17%), oklch(0.407 0.078 173.5)) jest najbliższy nazwanemu kolorowi Evergreen. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#005746
oklch(0.407 0.078 173.5)
Konwersje koloru
- HEX
- #005746
- RGB
- rgb(0 87 70)
- HSL
- hsl(168 100% 17%)
- HWB
- hwb(168 0% 66%)
- OKLCH
- oklch(0.407 0.078 173.5)
- OKLab
- oklab(0.407 -0.077 0.009)
- CIE Lab
- lab(32.27 -27.41 3.13)
- LCH
- lch(32.27 27.58 173.5)
- CMYK
- cmyk(100% 0% 20% 66%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 286756
- 417767
- 598779
- 70978B
- 87A89D
- 9FB9B0
- B6CAC3
- CEDBD7
- E6EDEB
Odcienie ciemniejsze
- 004B3C
- 003E32
- 003328
- 00271E
- 001C15
- 00120D
- 000805
- 000302
- 000000
Tony
- 1A5B4C
- 2A5F51
- 376457
- 42685D
- 4D6C62
- 587068
- 62746E
- 6C7874
- 767C7A
Harmonie kolorów
Komplementarna +180°
- 005746
Evergreen
- 6A374D
≈ Noble Honour
Analogowa -30° +30°
- 005746
Evergreen
- 2E542D
≈ Kaitoke Green
- 00545B
≈ Deep Teal
Triada +120° +240°
- 005746
Evergreen
- 4C4170
≈ Izmir Purple
- 6A3D1D
≈ Searing Gorge Brown
Komplementarna rozszczepiona +150° +210°
- 005746
Evergreen
- 5E3A62
≈ Purple Splendour
- 6E3735
≈ Sanguine Brown
Tetrada +90° +180° +270°
- 005746
Evergreen
- 334974
≈ Dragonfly
- 6A374D
≈ Noble Honour
- 5E450B
≈ Mud Brown
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.56:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.45:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.56:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--evergreen: #005746;
--evergreen-rgb: 0 87 70;
--evergreen-oklch: oklch(0.407 0.078 173.5);
}
.element {
color: var(--evergreen);
background-color: hsl(168 100% 17%);
border-color: oklch(0.407 0.078 173.5);
}Tailwind CSS v4
@theme {
--color-evergreen: #005746;
--color-evergreen-50: #dffdf4;
--color-evergreen-100: #cef1e7;
--color-evergreen-200: #b2e0d3;
--color-evergreen-300: #8dc5b5;
--color-evergreen-400: #6cae9a;
--color-evergreen-500: #479782;
--color-evergreen-600: #3d806e;
--color-evergreen-700: #316658;
--color-evergreen-800: #234b3f;
--color-evergreen-900: #17342b;
--color-evergreen-950: #082019;
}SCSS
$evergreen: #005746;
$evergreen-rgb: 0, 87, 70;
$evergreen-light: mix(#fff, $evergreen, 20%);
$evergreen-dark: mix(#000, $evergreen, 20%);
.element {
color: $evergreen;
box-shadow: 0 0 0 2px rgba($evergreen, 0.35);
}