Nazwany kolor · #556551
Deep Emerald
Deep Emerald to #556551: rgb(85 101 81), hsl(108 11% 36%), oklch(0.487 0.037 139.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Deep Emerald color name →
#556551
oklch(0.487 0.037 139.4)
Konwersje koloru
- HEX
- #556551
- RGB
- rgb(85 101 81)
- HSL
- hsl(108 11% 36%)
- HWB
- hwb(108 32% 60%)
- OKLCH
- oklch(0.487 0.037 139.4)
- OKLab
- oklab(0.487 -0.028 0.024)
- CIE Lab
- lab(40.98 -9.5 9.26)
- LCH
- lch(40.98 13.26 135.7)
- CMYK
- cmyk(16% 0% 20% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 647361
- 748271
- 859182
- 95A093
- A6AFA4
- B7BFB6
- C9CEC7
- DBDEDA
- EDEFEC
Odcienie ciemniejsze
- 495745
- 3D493A
- 313C2F
- 262F24
- 1C221A
- 111710
- 080C07
- 020302
- 000000
Tony
- 596856
- 5D6A5A
- 626D5F
- 667064
- 6A7268
- 6F756D
- 737872
- 777B76
- 7C7D7B
Harmonie kolorów
Komplementarna +180°
- 556551
Deep Emerald
- 69596D
≈ Antique Grey
Analogowa -30° +30°
- 556551
Deep Emerald
- 616249
≈ Old Botanical Garden
- 4B675C
≈ Jasper Park
Triada +120° +240°
- 556551
Deep Emerald
- 536075
≈ Nightly
- 735857
≈ Brown Ridge
Komplementarna rozszczepiona +150° +210°
- 556551
Deep Emerald
- 5F5C74
≈ Luscious Purple
- 705763
≈ Exotic Eggplant
Tetrada +90° +180° +270°
- 556551
Deep Emerald
- 4A6471
≈ Night Folly
- 69596D
≈ Antique Grey
- 715A4D
≈ If a Tree Fell …
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.23:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.36:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-emerald: #556551;
--deep-emerald-rgb: 85 101 81;
--deep-emerald-oklch: oklch(0.487 0.037 139.4);
}
.element {
color: var(--deep-emerald);
background-color: hsl(108 11% 36%);
border-color: oklch(0.487 0.037 139.4);
}Tailwind CSS v4
@theme {
--color-deep-emerald: #556551;
--color-deep-emerald-50: #f0f8ee;
--color-deep-emerald-100: #e1ebe0;
--color-deep-emerald-200: #ccd8ca;
--color-deep-emerald-300: #adbcab;
--color-deep-emerald-400: #94a48f;
--color-deep-emerald-500: #7a8c75;
--color-deep-emerald-600: #677763;
--color-deep-emerald-700: #525f4f;
--color-deep-emerald-800: #3c4639;
--color-deep-emerald-900: #293027;
--color-deep-emerald-950: #171c15;
}SCSS
$deep-emerald: #556551;
$deep-emerald-rgb: 85, 101, 81;
$deep-emerald-light: mix(#fff, $deep-emerald, 20%);
$deep-emerald-dark: mix(#000, $deep-emerald, 20%);
.element {
color: $deep-emerald;
box-shadow: 0 0 0 2px rgba($deep-emerald, 0.35);
}