Benannte Farbe · #558D4F
Belfast
Belfast ist #558D4F: rgb(85 141 79), hsl(114 28% 43%), oklch(0.589 0.109 142). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Belfast color name →
#558D4F
oklch(0.589 0.109 142)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 669860
- 77A371
- 87AF82
- 98BA94
- A9C5A5
- BAD1B7
- CBDCC8
- DCE8DA
- EDF3ED
Shades
- 497A44
- 3D6738
- 31552E
- 264423
- 1C3319
- 112310
- 081407
- 020702
- 000100
Tones
- 5A8C55
- 5F8B5A
- 648A5F
- 688864
- 6C8769
- 70866E
- 758472
- 788377
- 7C827C
Farbharmonien
Komplementär +180°
- 558D4F
Belfast
- 9B66A3
≈ Royal Pretender
Analog -30° +30°
- 558D4F
Belfast
- 7F832C
≈ Trendy Green
- 179175
≈ Dòu Lǜ Green
Triadisch +120° +240°
- 558D4F
Belfast
- 587CBE
≈ Blue Iolite
- B5615F
≈ Sienna Red
Geteilt komplementär +150° +210°
- 558D4F
Belfast
- 7E70B8
≈ Purple Hebe
- AD6084
≈ Wild Mulberry
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.95:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.30:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
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);
}