Najbliższy nazwany kolor · #54AE4F
#54AE4F
Najbliższy nazwany kolor: Matt Green
#54AE4F (rgb(84 174 79), hsl(117 38% 50%), oklch(0.673 0.158 142.6)) jest najbliższy nazwanemu kolorowi Matt Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#54AE4F
oklch(0.673 0.158 142.6)
Konwersje koloru
- HEX
- #54ae4f
- RGB
- rgb(84 174 79)
- HSL
- hsl(117 38% 50%)
- HWB
- hwb(117 31% 32%)
- OKLCH
- oklch(0.673 0.158 142.6)
- OKLab
- oklab(0.673 -0.126 0.096)
- CIE Lab
- lab(63.99 -42.6 39.55)
- LCH
- lch(63.99 58.13 137.1)
- CMYK
- cmyk(52% 0% 55% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 67B662
- 79BF74
- 8AC785
- 9BCF97
- ACD7A8
- BDDFB9
- CDE7CB
- DEEFDC
- EEF7ED
Odcienie ciemniejsze
- 489744
- 3C8038
- 316A2E
- 265523
- 1B4119
- 112E10
- 081C07
- 020B02
- 000100
Tony
- 5BAA56
- 61A55C
- 66A161
- 6B9C67
- 6F986B
- 739370
- 778E74
- 7A8A78
- 7D857C
Harmonie kolorów
Komplementarna +180°
- 54AE4F
Matt Green
- C371CE
≈ Purple Kush
Analogowa -30° +30°
- 54AE4F
Matt Green
- 989F00
≈ Forest Lichen
- 00B08E
≈ Victorian Greenhouse
Triada +120° +240°
- 54AE4F
Matt Green
- 6093F7
≈ Polar Glow
- E76968
≈ Porcelain Rose
Komplementarna rozszczepiona +150° +210°
- 54AE4F
Matt Green
- 9B81EE
≈ Forgotten Purple
- DD689F
≈ Cosmetologist’s Pink
Tetrada +90° +180° +270°
- 54AE4F
Matt Green
- 00A3DD
≈ Vanadyl Blue
- C371CE
≈ Purple Kush
- DF7623
≈ Cherokee Dignity
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.54:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--matt-green: #54ae4f;
--matt-green-rgb: 84 174 79;
--matt-green-oklch: oklch(0.673 0.158 142.6);
}
.element {
color: var(--matt-green);
background-color: hsl(117 38% 50%);
border-color: oklch(0.673 0.158 142.6);
}Tailwind CSS v4
@theme {
--color-matt-green: #54ae4f;
--color-matt-green-50: #daffda;
--color-matt-green-100: #c8f7c7;
--color-matt-green-200: #aae7aa;
--color-matt-green-300: #82cd83;
--color-matt-green-400: #61b55c;
--color-matt-green-500: #379f33;
--color-matt-green-600: #31862d;
--color-matt-green-700: #276c24;
--color-matt-green-800: #1e4f15;
--color-matt-green-900: #14370d;
--color-matt-green-950: #052202;
}SCSS
$matt-green: #54ae4f;
$matt-green-rgb: 84, 174, 79;
$matt-green-light: mix(#fff, $matt-green, 20%);
$matt-green-dark: mix(#000, $matt-green, 20%);
.element {
color: $matt-green;
box-shadow: 0 0 0 2px rgba($matt-green, 0.35);
}