이름 색상 · #839B5C
Pine Leaves
Pine Leaves은(는) #839B5C: rgb(131 155 92), hsl(83 26% 48%), oklch(0.655 0.091 125.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Pine Leaves color name →
#839B5C
oklch(0.655 0.091 125.8)
색상 변환
- HEX
- #839b5c
- RGB
- rgb(131 155 92)
- HSL
- hsl(83 26% 48%)
- HWB
- hwb(83 36% 39%)
- OKLCH
- oklch(0.655 0.091 125.8)
- OKLab
- oklab(0.655 -0.054 0.074)
- CIE Lab
- lab(60.95 -16.96 30.08)
- LCH
- lch(60.95 34.53 119.4)
- CMYK
- cmyk(15% 0% 41% 39%)
틴트 · 셰이드 · 톤
틴트
- 8FA56C
- 9BAF7C
- A7B88C
- B3C29C
- BFCCAD
- CCD6BD
- D8E0CD
- E5EBDE
- F2F5EE
셰이드
- 71864F
- 607242
- 4F5E36
- 3F4B2A
- 2F391F
- 202814
- 12180A
- 060903
- 010100
톤
- 839860
- 829665
- 829368
- 82906C
- 828E70
- 818B73
- 818877
- 81867A
- 80837D
색 조화
보색 +180°
- 839B5C
Pine Leaves
- 9E82BD
≈ Purple Mountains’ Majesty
유사색 -30° +30°
- 839B5C
Pine Leaves
- A2914C
≈ Backroom Ember
- 60A279
≈ Growth
삼각 배색 +120° +240°
- 839B5C
Pine Leaves
- 6096C5
≈ Blueberry Soft Blue
- C17988
≈ Japanese Coral
분열 보색 +150° +210°
- 839B5C
Pine Leaves
- 818CC9
≈ Pansy Garden
- B47BA6
≈ Purple Cheeks
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.08:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.80:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--pine-leaves: #839b5c;
--pine-leaves-rgb: 131 155 92;
--pine-leaves-oklch: oklch(0.655 0.091 125.8);
}
.element {
color: var(--pine-leaves);
background-color: hsl(83 26% 48%);
border-color: oklch(0.655 0.091 125.8);
}Tailwind CSS v4
@theme {
--color-pine-leaves: #839b5c;
--color-pine-leaves-50: #eefbdf;
--color-pine-leaves-100: #dfeece;
--color-pine-leaves-200: #c9dcb3;
--color-pine-leaves-300: #aac18e;
--color-pine-leaves-400: #91a86c;
--color-pine-leaves-500: #77914b;
--color-pine-leaves-600: #657b40;
--color-pine-leaves-700: #516233;
--color-pine-leaves-800: #3c4823;
--color-pine-leaves-900: #293217;
--color-pine-leaves-950: #171e08;
}SCSS
$pine-leaves: #839b5c;
$pine-leaves-rgb: 131, 155, 92;
$pine-leaves-light: mix(#fff, $pine-leaves, 20%);
$pine-leaves-dark: mix(#000, $pine-leaves, 20%);
.element {
color: $pine-leaves;
box-shadow: 0 0 0 2px rgba($pine-leaves, 0.35);
}