이름 색상 · #756556
European Pine
European Pine은(는) #756556: rgb(117 101 86), hsl(29 15% 40%), oklch(0.518 0.031 65.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · European Pine color name →
#756556
oklch(0.518 0.031 65.2)
색상 변환
- HEX
- #756556
- RGB
- rgb(117 101 86)
- HSL
- hsl(29 15% 40%)
- HWB
- hwb(29 34% 54%)
- OKLCH
- oklch(0.518 0.031 65.2)
- OKLab
- oklab(0.518 0.013 0.028)
- CIE Lab
- lab(44.02 4.72 11.01)
- LCH
- lch(44.02 11.97 66.8)
- CMYK
- cmyk(0% 14% 26% 54%)
틴트 · 셰이드 · 톤
틴트
- 827365
- 8F8275
- 9D9185
- AAA096
- B8AFA7
- C6BFB8
- D4CEC9
- E2DEDB
- F0EFED
셰이드
- 65574A
- 55493E
- 463C32
- 372F27
- 29221C
- 1C1712
- 0F0C08
- 050302
- 010000
톤
- 76685A
- 776A5E
- 786D63
- 7A7067
- 7B726B
- 7C756F
- 7D7873
- 7E7B78
- 7F7D7C
색 조화
보색 +180°
- 756556
European Pine
- 5A6A79
≈ Spinning Blue
유사색 -30° +30°
- 756556
European Pine
- 79625C
≈ Raisin in the Sun
- 6E6855
≈ Aged Jade
삼각 배색 +120° +240°
- 756556
European Pine
- 556E6B
≈ Micropolis
- 6C6477
≈ Purple Punch
분열 보색 +150° +210°
- 756556
European Pine
- 546D73
≈ Blue Sentinel
- 63677A
≈ Violet Evening
사각 배색 +90° +180° +270°
- 756556
European Pine
- 5B6E61
≈ Army Canvas
- 5A6A79
≈ Spinning Blue
- 74626F
≈ Purple Kasbah
대비 및 접근성
Ag
AA흰색 위
WCAG 5.59:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.75:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--european-pine: #756556;
--european-pine-rgb: 117 101 86;
--european-pine-oklch: oklch(0.518 0.031 65.2);
}
.element {
color: var(--european-pine);
background-color: hsl(29 15% 40%);
border-color: oklch(0.518 0.031 65.2);
}Tailwind CSS v4
@theme {
--color-european-pine: #756556;
--color-european-pine-50: #fbf4ec;
--color-european-pine-100: #efe6dd;
--color-european-pine-200: #ddd2c7;
--color-european-pine-300: #c2b5a7;
--color-european-pine-400: #ac9b8c;
--color-european-pine-500: #958271;
--color-european-pine-600: #7e6e60;
--color-european-pine-700: #65584d;
--color-european-pine-800: #4a4038;
--color-european-pine-900: #342c26;
--color-european-pine-950: #1f1914;
}SCSS
$european-pine: #756556;
$european-pine-rgb: 117, 101, 86;
$european-pine-light: mix(#fff, $european-pine, 20%);
$european-pine-dark: mix(#000, $european-pine, 20%);
.element {
color: $european-pine;
box-shadow: 0 0 0 2px rgba($european-pine, 0.35);
}