Najbliższy nazwany kolor · #218459
#218459
Najbliższy nazwany kolor: Primal Green
#218459 (rgb(33 132 89), hsl(154 60% 32%), oklch(0.546 0.112 159.7)) jest najbliższy nazwanemu kolorowi Primal Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#218459
oklch(0.546 0.112 159.7)
Konwersje koloru
- HEX
- #218459
- RGB
- rgb(33 132 89)
- HSL
- hsl(154 60% 32%)
- HWB
- hwb(154 13% 48%)
- OKLCH
- oklch(0.546 0.112 159.7)
- OKLab
- oklab(0.546 -0.105 0.039)
- CIE Lab
- lab(48.87 -37.25 14.9)
- LCH
- lch(48.87 40.12 158.2)
- CMYK
- cmyk(75% 0% 33% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F9068
- 579C78
- 6DA888
- 82B498
- 97C1A9
- ACCDBA
- C0D9CB
- D5E6DC
- EAF2ED
Odcienie ciemniejsze
- 1B724C
- 166040
- 104F34
- 0B3F28
- 062F1D
- 032013
- 011209
- 000603
- 000100
Tony
- 32845D
- 3E8461
- 498365
- 528369
- 5B836D
- 638271
- 6B8274
- 728178
- 79817C
Harmonie kolorów
Komplementarna +180°
- 218459
Primal Green
- 9B5585
≈ Feminism
Analogowa -30° +30°
- 218459
Primal Green
- 5B7D31
≈ Hot Pepper Green
- 00827C
≈ Blue Winged Teal
Triada +120° +240°
- 218459
Primal Green
- 6468B0
≈ Loch Ness
- A6573C
≈ Hyacinth Red
Komplementarna rozszczepiona +150° +210°
- 218459
Primal Green
- 845DA1
≈ Chive Blossom
- A75262
≈ Rose Vale
Tetrada +90° +180° +270°
- 218459
Primal Green
- 3774AF
≈ Athens
- 9B5585
≈ Feminism
- 9A6313
≈ Cobre
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.65:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--primal-green: #218459;
--primal-green-rgb: 33 132 89;
--primal-green-oklch: oklch(0.546 0.112 159.7);
}
.element {
color: var(--primal-green);
background-color: hsl(154 60% 32%);
border-color: oklch(0.546 0.112 159.7);
}Tailwind CSS v4
@theme {
--color-primal-green: #218459;
--color-primal-green-50: #daffeb;
--color-primal-green-100: #c8f4dc;
--color-primal-green-200: #aae4c5;
--color-primal-green-300: #81caa6;
--color-primal-green-400: #5db387;
--color-primal-green-500: #2f9c6c;
--color-primal-green-600: #2a845b;
--color-primal-green-700: #226a49;
--color-primal-green-800: #194e33;
--color-primal-green-900: #103623;
--color-primal-green-950: #032112;
}SCSS
$primal-green: #218459;
$primal-green-rgb: 33, 132, 89;
$primal-green-light: mix(#fff, $primal-green, 20%);
$primal-green-dark: mix(#000, $primal-green, 20%);
.element {
color: $primal-green;
box-shadow: 0 0 0 2px rgba($primal-green, 0.35);
}