Nazwany kolor · #528D3C
Fiji Palm
Fiji Palm to #528D3C: rgb(82 141 60), hsl(104 40% 39%), oklch(0.584 0.13 138). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fiji Palm color name →
#528D3C
oklch(0.584 0.13 138)
Konwersje koloru
- HEX
- #528d3c
- RGB
- rgb(82 141 60)
- HSL
- hsl(104 40% 39%)
- HWB
- hwb(104 24% 45%)
- OKLCH
- oklch(0.584 0.13 138)
- OKLab
- oklab(0.584 -0.096 0.087)
- CIE Lab
- lab(53.22 -31.95 36.19)
- LCH
- lch(53.22 48.28 131.4)
- CMYK
- cmyk(42% 0% 57% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 639850
- 74A464
- 85AF77
- 96BA8A
- A7C69D
- B8D1B0
- CADCC4
- DBE8D7
- EDF3EB
Odcienie ciemniejsze
- 467A33
- 3B672A
- 2F5521
- 254419
- 1A3311
- 11230A
- 081404
- 020701
- 000100
Tony
- 578C45
- 5D8B4C
- 628A54
- 66895B
- 6B8761
- 6F8668
- 74856E
- 788374
- 7C827A
Harmonie kolorów
Komplementarna +180°
- 528D3C
Fiji Palm
- 9B60AD
≈ Heath Spotted Orchid
Analogowa -30° +30°
- 528D3C
Fiji Palm
- 838000
≈ Drably Olive
- 00916E
≈ Sea Swell
Triada +120° +240°
- 528D3C
Fiji Palm
- 487BC7
≈ Tufts Blue
- BC575E
≈ Hibiscus Flower
Komplementarna rozszczepiona +150° +210°
- 528D3C
Fiji Palm
- 796DC3
≈ Venus Violet
- B25889
≈ Dahlia Mauve
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.01:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.23:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--fiji-palm: #528d3c;
--fiji-palm-rgb: 82 141 60;
--fiji-palm-oklch: oklch(0.584 0.13 138);
}
.element {
color: var(--fiji-palm);
background-color: hsl(104 40% 39%);
border-color: oklch(0.584 0.13 138);
}Tailwind CSS v4
@theme {
--color-fiji-palm: #528d3c;
--color-fiji-palm-50: #e2ffdc;
--color-fiji-palm-100: #d2f3ca;
--color-fiji-palm-200: #b7e2ae;
--color-fiji-palm-300: #94c888;
--color-fiji-palm-400: #77b063;
--color-fiji-palm-500: #579a3e;
--color-fiji-palm-600: #4b8236;
--color-fiji-palm-700: #3b682b;
--color-fiji-palm-800: #2c4c1b;
--color-fiji-palm-900: #1e3512;
--color-fiji-palm-950: #0e2004;
}SCSS
$fiji-palm: #528d3c;
$fiji-palm-rgb: 82, 141, 60;
$fiji-palm-light: mix(#fff, $fiji-palm, 20%);
$fiji-palm-dark: mix(#000, $fiji-palm, 20%);
.element {
color: $fiji-palm;
box-shadow: 0 0 0 2px rgba($fiji-palm, 0.35);
}