Nächste benannte Farbe · #54D19B
#54D19B
Nächste benannte Farbe: Vegetation
#54D19B (rgb(84 209 155), hsl(154 58% 57%), oklch(0.776 0.137 161.9)) liegt am nächsten an der benannten Farbe Vegetation. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#54D19B
oklch(0.776 0.137 161.9)
Farbumrechnungen
- HEX
- #54d19b
- RGB
- rgb(84 209 155)
- HSL
- hsl(154 58% 57%)
- HWB
- hwb(154 33% 18%)
- OKLCH
- oklch(0.776 0.137 161.9)
- OKLab
- oklab(0.776 -0.13 0.042)
- CIE Lab
- lab(75.87 -45.84 16.09)
- LCH
- lch(75.87 48.58 160.7)
- CMYK
- cmyk(60% 0% 26% 18%)
Tints · Shades · Tones
Tints
- 6BD6A5
- 7FDBAF
- 91E0B8
- A2E4C2
- B2E9CC
- C2EDD6
- D2F2E0
- E1F6EB
- F0FBF5
Shades
- 48B586
- 3C9B72
- 31815E
- 26684B
- 1B5039
- 113928
- 082318
- 021009
- 000201
Tones
- 5DC998
- 64C196
- 6AB993
- 70B090
- 74A88E
- 77A08B
- 7A9888
- 7D9086
- 7F8883
Farbharmonien
Komplementär +180°
- 54D19B
Vegetation
- F192CF
≈ Bubblegum Kisses
Analog -30° +30°
- 54D19B
Vegetation
- 95C869
≈ Apple Orchard
- 00D1CC
≈ Blue Martina
Triadisch +120° +240°
- 54D19B
Vegetation
- AAADFF
≈ Shy Moment
- FF976E
≈ Hibiscus Delight
Geteilt komplementär +150° +210°
- 54D19B
Vegetation
- D39CF5
≈ Plasma Trail
- FF90A0
≈ Charming Cherry
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 10.97:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--vegetation: #54d19b;
--vegetation-rgb: 84 209 155;
--vegetation-oklch: oklch(0.776 0.137 161.9);
}
.element {
color: var(--vegetation);
background-color: hsl(154 58% 57%);
border-color: oklch(0.776 0.137 161.9);
}Tailwind CSS v4
@theme {
--color-vegetation: #54d19b;
--color-vegetation-50: #d2ffeb;
--color-vegetation-100: #bef7dc;
--color-vegetation-200: #9ce7c5;
--color-vegetation-300: #6ecea4;
--color-vegetation-400: #40b785;
--color-vegetation-500: #00a169;
--color-vegetation-600: #008859;
--color-vegetation-700: #006d47;
--color-vegetation-800: #005031;
--color-vegetation-900: #003821;
--color-vegetation-950: #002211;
}SCSS
$vegetation: #54d19b;
$vegetation-rgb: 84, 209, 155;
$vegetation-light: mix(#fff, $vegetation, 20%);
$vegetation-dark: mix(#000, $vegetation, 20%);
.element {
color: $vegetation;
box-shadow: 0 0 0 2px rgba($vegetation, 0.35);
}