Dichtstbijzijnde benoemde kleur · #54D19B
#54D19B
Dichtstbijzijnde benoemde kleur: Vegetation
#54D19B (rgb(84 209 155), hsl(154 58% 57%), oklch(0.776 0.137 161.9)) komt het dichtst bij de benoemde kleur Vegetation. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#54D19B
oklch(0.776 0.137 161.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 6BD6A5
- 7FDBAF
- 91E0B8
- A2E4C2
- B2E9CC
- C2EDD6
- D2F2E0
- E1F6EB
- F0FBF5
Schaduwen
- 48B586
- 3C9B72
- 31815E
- 26684B
- 1B5039
- 113928
- 082318
- 021009
- 000201
Tonen
- 5DC998
- 64C196
- 6AB993
- 70B090
- 74A88E
- 77A08B
- 7A9888
- 7D9086
- 7F8883
Kleurharmonieën
Complementair +180°
- 54D19B
Vegetation
- F192CF
≈ Bubblegum Kisses
Analoog -30° +30°
- 54D19B
Vegetation
- 95C869
≈ Apple Orchard
- 00D1CC
≈ Blue Martina
Triadisch +120° +240°
- 54D19B
Vegetation
- AAADFF
≈ Shy Moment
- FF976E
≈ Hibiscus Delight
Gesplitst complementair +150° +210°
- 54D19B
Vegetation
- D39CF5
≈ Plasma Trail
- FF90A0
≈ Charming Cherry
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.91:1 · APCA Lc 36
Ag
AAAOp zwart
WCAG 10.97:1 · APCA Lc 66
Beste tekstkleur: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Codefragmenten
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);
}