Color con nombre · #2B8C4E
St. Patrick
St. Patrick es #2B8C4E: rgb(43 140 78), hsl(142 53% 36%), oklch(0.569 0.13 151.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · St. Patrick color name →
#2B8C4E
oklch(0.569 0.13 151.5)
Conversiones de color
- HEX
- #2b8c4e
- RGB
- rgb(43 140 78)
- HSL
- hsl(142 53% 36%)
- HWB
- hwb(142 17% 45%)
- OKLCH
- oklch(0.569 0.13 151.5)
- OKLab
- oklab(0.569 -0.114 0.062)
- CIE Lab
- lab(51.61 -40.11 24.61)
- LCH
- lch(51.61 47.06 148.5)
- CMYK
- cmyk(69% 0% 44% 45%)
Tintes · Sombras · Tonos
Tintes
- 46975F
- 5DA370
- 72AE81
- 86BA93
- 9BC5A4
- AFD1B6
- C3DCC8
- D7E8DA
- EBF3EC
Sombras
- 247943
- 1D6738
- 16552D
- 104323
- 0A3319
- 05230F
- 021407
- 010702
- 000100
Tonos
- 398B54
- 448A59
- 4E895E
- 568863
- 5E8768
- 66866D
- 6D8472
- 738377
- 7A827B
Armonías de color
Complementario +180°
- 2B8C4E
St. Patrick
- A25799
≈ Heath Spotted Orchid
Análogo -30° +30°
- 2B8C4E
St. Patrick
- 6B8214
≈ Jungle Vibes
- 008A7B
≈ Go Go Green
Triádico +120° +240°
- 2B8C4E
St. Patrick
- 5C70C3
≈ Indigo Light
- B75544
≈ Red River
Complementario dividido +150° +210°
- 2B8C4E
St. Patrick
- 8562B6
≈ Lusty Lavender
- B35272
≈ Diva Glam
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.23:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.96:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--st-patrick: #2b8c4e;
--st-patrick-rgb: 43 140 78;
--st-patrick-oklch: oklch(0.569 0.13 151.5);
}
.element {
color: var(--st-patrick);
background-color: hsl(142 53% 36%);
border-color: oklch(0.569 0.13 151.5);
}Tailwind CSS v4
@theme {
--color-st-patrick: #2b8c4e;
--color-st-patrick-50: #daffe4;
--color-st-patrick-100: #c7f5d4;
--color-st-patrick-200: #a9e5bb;
--color-st-patrick-300: #81cb98;
--color-st-patrick-400: #5db477;
--color-st-patrick-500: #309e58;
--color-st-patrick-600: #2b854b;
--color-st-patrick-700: #236b3c;
--color-st-patrick-800: #1a4e28;
--color-st-patrick-900: #11371b;
--color-st-patrick-950: #03210b;
}SCSS
$st-patrick: #2b8c4e;
$st-patrick-rgb: 43, 140, 78;
$st-patrick-light: mix(#fff, $st-patrick, 20%);
$st-patrick-dark: mix(#000, $st-patrick, 20%);
.element {
color: $st-patrick;
box-shadow: 0 0 0 2px rgba($st-patrick, 0.35);
}