Nazwany kolor · #366254
Posy Green
Posy Green to #366254: rgb(54 98 84), hsl(161 29% 30%), oklch(0.46 0.055 171.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Posy Green color name →
#366254
oklch(0.46 0.055 171.3)
Konwersje koloru
- HEX
- #366254
- RGB
- rgb(54 98 84)
- HSL
- hsl(161 29% 30%)
- HWB
- hwb(161 21% 62%)
- OKLCH
- oklch(0.46 0.055 171.3)
- OKLab
- oklab(0.46 -0.054 0.008)
- CIE Lab
- lab(38.05 -18.76 2.99)
- LCH
- lch(38.05 19 171)
- CMYK
- cmyk(45% 0% 14% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 497163
- 5D7F73
- 708F84
- 849E94
- 97AEA5
- ABBDB7
- C0CDC8
- D5DEDA
- EAEEED
Odcienie ciemniejsze
- 2E5448
- 25473C
- 1E3A31
- 162D26
- 0F211B
- 081611
- 030B08
- 010302
- 000000
Tony
- 3E6558
- 46685D
- 4E6B61
- 556E65
- 5C716A
- 64746E
- 6B7772
- 727A77
- 797D7B
Harmonie kolorów
Komplementarna +180°
- 366254
Posy Green
- 704B5B
≈ Prussian Plum
Analogowa -30° +30°
- 366254
Posy Green
- 476043
≈ Acacia Green
- 2F6165
≈ Deep Sea Dive
Triada +120° +240°
- 366254
Posy Green
- 585374
≈ Sombre Grey
- 714F3C
≈ Traditional Leather
Komplementarna rozszczepiona +150° +210°
- 366254
Posy Green
- 664E6B
≈ Blackberry Farm
- 744C4B
≈ Madder
Tetrada +90° +180° +270°
- 366254
Posy Green
- 475877
≈ Chambray
- 704B5B
≈ Prussian Plum
- 685534
≈ Ancient Olive
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.92:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.03:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--posy-green: #366254;
--posy-green-rgb: 54 98 84;
--posy-green-oklch: oklch(0.46 0.055 171.3);
}
.element {
color: var(--posy-green);
background-color: hsl(161 29% 30%);
border-color: oklch(0.46 0.055 171.3);
}Tailwind CSS v4
@theme {
--color-posy-green: #366254;
--color-posy-green-50: #e6fbf4;
--color-posy-green-100: #d6eee6;
--color-posy-green-200: #bedcd2;
--color-posy-green-300: #9cc1b5;
--color-posy-green-400: #7ea99a;
--color-posy-green-500: #609281;
--color-posy-green-600: #527c6e;
--color-posy-green-700: #416358;
--color-posy-green-800: #2f493f;
--color-posy-green-900: #20322b;
--color-posy-green-950: #0f1e19;
}SCSS
$posy-green: #366254;
$posy-green-rgb: 54, 98, 84;
$posy-green-light: mix(#fff, $posy-green, 20%);
$posy-green-dark: mix(#000, $posy-green, 20%);
.element {
color: $posy-green;
box-shadow: 0 0 0 2px rgba($posy-green, 0.35);
}