Adlandırılmış renk · #557138
Deep Pine
Deep Pine, #557138: rgb(85 113 56), hsl(89 34% 33%), oklch(0.512 0.089 130.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Deep Pine color name →
#557138
oklch(0.512 0.089 130.5)
Renk dönüşümleri
- HEX
- #557138
- RGB
- rgb(85 113 56)
- HSL
- hsl(89 34% 33%)
- HWB
- hwb(89 22% 56%)
- OKLCH
- oklch(0.512 0.089 130.5)
- OKLab
- oklab(0.512 -0.058 0.068)
- CIE Lab
- lab(44.37 -18.57 27.95)
- LCH
- lch(44.37 33.56 123.6)
- CMYK
- cmyk(25% 0% 50% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 657E4B
- 758C5F
- 859A72
- 95A885
- A6B699
- B8C4AD
- C9D3C1
- DBE1D5
- EDF0EA
Koyu tonlar
- 49612F
- 3D5227
- 31431F
- 263517
- 1C270F
- 111A08
- 080E04
- 020401
- 000100
Gri tonlar
- 597340
- 5E7448
- 62764F
- 667756
- 6A795E
- 6F7A65
- 737C6B
- 777D72
- 7C7F79
Renk uyumları
Tamamlayıcı +180°
- 557138
Deep Pine
- 77588D
≈ Classic Waltz
Analog -30° +30°
- 557138
Deep Pine
- 726823
≈ Spicy Mustard
- 2F7655
≈ Greasy Greens
Üçlü +120° +240°
- 557138
Deep Pine
- 3D6A98
≈ Star Sapphire
- 92505A
≈ Rialto
Bölünmüş tamamlayıcı +150° +210°
- 557138
Deep Pine
- 5D6099
≈ Wizard’s Potion
- 895176
≈ Plum Highness
Dörtlü +90° +180° +270°
- 557138
Deep Pine
- 11728A
≈ Waterworld
- 77588D
≈ Classic Waltz
- 92543E
≈ Prairie Clay
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.51:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.80:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-pine: #557138;
--deep-pine-rgb: 85 113 56;
--deep-pine-oklch: oklch(0.512 0.089 130.5);
}
.element {
color: var(--deep-pine);
background-color: hsl(89 34% 33%);
border-color: oklch(0.512 0.089 130.5);
}Tailwind CSS v4
@theme {
--color-deep-pine: #557138;
--color-deep-pine-50: #ecfbe1;
--color-deep-pine-100: #ddefd0;
--color-deep-pine-200: #c6ddb6;
--color-deep-pine-300: #a6c293;
--color-deep-pine-400: #8ca971;
--color-deep-pine-500: #729251;
--color-deep-pine-600: #617c46;
--color-deep-pine-700: #4d6337;
--color-deep-pine-800: #394826;
--color-deep-pine-900: #273219;
--color-deep-pine-950: #151e0a;
}SCSS
$deep-pine: #557138;
$deep-pine-rgb: 85, 113, 56;
$deep-pine-light: mix(#fff, $deep-pine, 20%);
$deep-pine-dark: mix(#000, $deep-pine, 20%);
.element {
color: $deep-pine;
box-shadow: 0 0 0 2px rgba($deep-pine, 0.35);
}