Colore con nome · #0A481E
Pine Green
Pine Green è #0A481E: rgb(10 72 30), hsl(139 76% 16%), oklch(0.353 0.092 149). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Pine Green color name →
#0A481E
oklch(0.353 0.092 149)
Conversioni di colore
- HEX
- #0a481e
- RGB
- rgb(10 72 30)
- HSL
- hsl(139 76% 16%)
- HWB
- hwb(139 4% 72%)
- OKLCH
- oklch(0.353 0.092 149)
- OKLab
- oklab(0.353 -0.079 0.048)
- CIE Lab
- lab(26.13 -27.67 19.36)
- LCH
- lch(26.13 33.77 145)
- CMYK
- cmyk(86% 0% 58% 72%)
Tinte · Ombre · Toni
Tinte
- 275932
- 3F6A47
- 567C5C
- 6D8D72
- 84A088
- 9CB29F
- B4C5B6
- CDD8CE
- E6EBE6
Ombre
- 073D19
- 053313
- 03290E
- 021F09
- 011605
- 010D03
- 000601
- 000200
- 000000
Toni
- 1C4E28
- 295332
- 34593B
- 405F45
- 4B644E
- 556A58
- 606F62
- 6B756C
- 757A76
Armonie di colore
Complementare +180°
- 0A481E
Pine Green
- 552753
≈ Kuwanomi Purple
Analogo -30° +30°
- 0A481E
Pine Green
- 374100
≈ Dark Olive
- 00463C
≈ MSU Green
Triadico +120° +240°
- 0A481E
Pine Green
- 28376B
≈ Blue Depths
- 63241D
≈ Chestnut Leather
Complementare divisa +150° +210°
- 0A481E
Pine Green
- 432E64
≈ Violet Indigo
- 60233A
≈ Wine Country
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.72:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.95:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.72:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--pine-green: #0a481e;
--pine-green-rgb: 10 72 30;
--pine-green-oklch: oklch(0.353 0.092 149);
}
.element {
color: var(--pine-green);
background-color: hsl(139 76% 16%);
border-color: oklch(0.353 0.092 149);
}Tailwind CSS v4
@theme {
--color-pine-green: #0a481e;
--color-pine-green-50: #e3fde8;
--color-pine-green-100: #d3f1d8;
--color-pine-green-200: #b8e0c0;
--color-pine-green-300: #95c59f;
--color-pine-green-400: #77ae80;
--color-pine-green-500: #579764;
--color-pine-green-600: #4b8055;
--color-pine-green-700: #3b6644;
--color-pine-green-800: #2c4b2f;
--color-pine-green-900: #1d3420;
--color-pine-green-950: #0d1f0f;
}SCSS
$pine-green: #0a481e;
$pine-green-rgb: 10, 72, 30;
$pine-green-light: mix(#fff, $pine-green, 20%);
$pine-green-dark: mix(#000, $pine-green, 20%);
.element {
color: $pine-green;
box-shadow: 0 0 0 2px rgba($pine-green, 0.35);
}