Nazwany kolor · #558D4F
Belfast
Belfast to #558D4F: rgb(85 141 79), hsl(114 28% 43%), oklch(0.589 0.109 142). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Belfast color name →
#558D4F
oklch(0.589 0.109 142)
Konwersje koloru
- HEX
- #558d4f
- RGB
- rgb(85 141 79)
- HSL
- hsl(114 28% 43%)
- HWB
- hwb(114 31% 45%)
- OKLCH
- oklch(0.589 0.109 142)
- OKLab
- oklab(0.589 -0.086 0.067)
- CIE Lab
- lab(53.59 -29.04 26.98)
- LCH
- lch(53.59 39.64 137.1)
- CMYK
- cmyk(40% 0% 44% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 669860
- 77A371
- 87AF82
- 98BA94
- A9C5A5
- BAD1B7
- CBDCC8
- DCE8DA
- EDF3ED
Odcienie ciemniejsze
- 497A44
- 3D6738
- 31552E
- 264423
- 1C3319
- 112310
- 081407
- 020702
- 000100
Tony
- 5A8C55
- 5F8B5A
- 648A5F
- 688864
- 6C8769
- 70866E
- 758472
- 788377
- 7C827C
Harmonie kolorów
Komplementarna +180°
- 558D4F
Belfast
- 9B66A3
≈ Royal Pretender
Analogowa -30° +30°
- 558D4F
Belfast
- 7F832C
≈ Trendy Green
- 179175
≈ Dòu Lǜ Green
Triada +120° +240°
- 558D4F
Belfast
- 587CBE
≈ Blue Iolite
- B5615F
≈ Sienna Red
Komplementarna rozszczepiona +150° +210°
- 558D4F
Belfast
- 7E70B8
≈ Purple Hebe
- AD6084
≈ Wild Mulberry
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.95:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.30:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--belfast: #558d4f;
--belfast-rgb: 85 141 79;
--belfast-oklch: oklch(0.589 0.109 142);
}
.element {
color: var(--belfast);
background-color: hsl(114 28% 43%);
border-color: oklch(0.589 0.109 142);
}Tailwind CSS v4
@theme {
--color-belfast: #558d4f;
--color-belfast-50: #e3fee2;
--color-belfast-100: #d3f2d1;
--color-belfast-200: #b9e1b7;
--color-belfast-300: #96c694;
--color-belfast-400: #79af72;
--color-belfast-500: #599853;
--color-belfast-600: #4c8147;
--color-belfast-700: #3d6738;
--color-belfast-800: #2d4b26;
--color-belfast-900: #1e3419;
--color-belfast-950: #0e200a;
}SCSS
$belfast: #558d4f;
$belfast-rgb: 85, 141, 79;
$belfast-light: mix(#fff, $belfast, 20%);
$belfast-dark: mix(#000, $belfast, 20%);
.element {
color: $belfast;
box-shadow: 0 0 0 2px rgba($belfast, 0.35);
}