Colore con nome · #529875
Fake Fern
Fake Fern è #529875: rgb(82 152 117), hsl(150 30% 46%), oklch(0.624 0.09 160.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Fake Fern color name →
#529875
oklch(0.624 0.09 160.5)
Conversioni di colore
- HEX
- #529875
- RGB
- rgb(82 152 117)
- HSL
- hsl(150 30% 46%)
- HWB
- hwb(150 32% 40%)
- OKLCH
- oklch(0.624 0.09 160.5)
- OKLab
- oklab(0.624 -0.084 0.03)
- CIE Lab
- lab(57.53 -29.5 11.32)
- LCH
- lch(57.53 31.6 159)
- CMYK
- cmyk(46% 0% 23% 40%)
Tinte · Ombre · Toni
Tinte
- 64A282
- 76AC8F
- 87B69D
- 98C1AA
- A9CBB8
- BAD5C6
- CBE0D4
- DCEAE2
- EEF4F0
Ombre
- 468465
- 3B7055
- 2F5C46
- 254A37
- 1A3829
- 11271C
- 08170F
- 020805
- 000101
Toni
- 589676
- 5E9377
- 639178
- 688F7A
- 6D8C7B
- 718A7C
- 75887D
- 79857E
- 7C837F
Armonie di colore
Complementare +180°
- 529875
Fake Fern
- AC7298
≈ Teen Queen
Analogo -30° +30°
- 529875
Fake Fern
- 759258
≈ Piquant Green
- 379894
≈ Sea
Triadico +120° +240°
- 529875
Fake Fern
- 7D81BC
≈ Deep Periwinkle
- B5745D
≈ Weathered Saddle
Complementare divisa +150° +210°
- 529875
Fake Fern
- 9878B0
≈ Lavender Purple
- B6707A
≈ Rose Gold
Tetradico +90° +180° +270°
- 529875
Fake Fern
- 5D8BBC
≈ Danube
- AC7298
≈ Teen Queen
- AA7E48
≈ Mediaeval Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.43:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.10:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--fake-fern: #529875;
--fake-fern-rgb: 82 152 117;
--fake-fern-oklch: oklch(0.624 0.09 160.5);
}
.element {
color: var(--fake-fern);
background-color: hsl(150 30% 46%);
border-color: oklch(0.624 0.09 160.5);
}Tailwind CSS v4
@theme {
--color-fake-fern: #529875;
--color-fake-fern-50: #dffeee;
--color-fake-fern-100: #cef2df;
--color-fake-fern-200: #b3e1c9;
--color-fake-fern-300: #8dc6aa;
--color-fake-fern-400: #6daf8d;
--color-fake-fern-500: #499872;
--color-fake-fern-600: #3f8161;
--color-fake-fern-700: #32674d;
--color-fake-fern-800: #244c37;
--color-fake-fern-900: #183525;
--color-fake-fern-950: #092014;
}SCSS
$fake-fern: #529875;
$fake-fern-rgb: 82, 152, 117;
$fake-fern-light: mix(#fff, $fake-fern, 20%);
$fake-fern-dark: mix(#000, $fake-fern, 20%);
.element {
color: $fake-fern;
box-shadow: 0 0 0 2px rgba($fake-fern, 0.35);
}