이름 색상 · #557138
Deep Pine
Deep Pine은(는) #557138: rgb(85 113 56), hsl(89 34% 33%), oklch(0.512 0.089 130.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Deep Pine color name →
#557138
oklch(0.512 0.089 130.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 657E4B
- 758C5F
- 859A72
- 95A885
- A6B699
- B8C4AD
- C9D3C1
- DBE1D5
- EDF0EA
셰이드
- 49612F
- 3D5227
- 31431F
- 263517
- 1C270F
- 111A08
- 080E04
- 020401
- 000100
톤
- 597340
- 5E7448
- 62764F
- 667756
- 6A795E
- 6F7A65
- 737C6B
- 777D72
- 7C7F79
색 조화
보색 +180°
- 557138
Deep Pine
- 77588D
≈ Classic Waltz
유사색 -30° +30°
- 557138
Deep Pine
- 726823
≈ Spicy Mustard
- 2F7655
≈ Greasy Greens
삼각 배색 +120° +240°
- 557138
Deep Pine
- 3D6A98
≈ Star Sapphire
- 92505A
≈ Rialto
분열 보색 +150° +210°
- 557138
Deep Pine
- 5D6099
≈ Wizard’s Potion
- 895176
≈ Plum Highness
사각 배색 +90° +180° +270°
- 557138
Deep Pine
- 11728A
≈ Waterworld
- 77588D
≈ Classic Waltz
- 92543E
≈ Prairie Clay
대비 및 접근성
Ag
AA흰색 위
WCAG 5.51:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.80:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
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);
}