Adlandırılmış renk · #0A481E
Pine Green
Pine Green, #0A481E: rgb(10 72 30), hsl(139 76% 16%), oklch(0.353 0.092 149). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Pine Green color name →
#0A481E
oklch(0.353 0.092 149)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 275932
- 3F6A47
- 567C5C
- 6D8D72
- 84A088
- 9CB29F
- B4C5B6
- CDD8CE
- E6EBE6
Koyu tonlar
- 073D19
- 053313
- 03290E
- 021F09
- 011605
- 010D03
- 000601
- 000200
- 000000
Gri tonlar
- 1C4E28
- 295332
- 34593B
- 405F45
- 4B644E
- 556A58
- 606F62
- 6B756C
- 757A76
Renk uyumları
Tamamlayıcı +180°
- 0A481E
Pine Green
- 552753
≈ Kuwanomi Purple
Analog -30° +30°
- 0A481E
Pine Green
- 374100
≈ Dark Olive
- 00463C
≈ MSU Green
Üçlü +120° +240°
- 0A481E
Pine Green
- 28376B
≈ Blue Depths
- 63241D
≈ Chestnut Leather
Bölünmüş tamamlayıcı +150° +210°
- 0A481E
Pine Green
- 432E64
≈ Violet Indigo
- 60233A
≈ Wine Country
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.72:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.95:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.72:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
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);
}