이름 색상 · #3D604A
Windy Pine
Windy Pine은(는) #3D604A: rgb(61 96 74), hsl(142 22% 31%), oklch(0.455 0.054 156). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Windy Pine color name →
#3D604A
oklch(0.455 0.054 156)
색상 변환
- HEX
- #3d604a
- RGB
- rgb(61 96 74)
- HSL
- hsl(142 22% 31%)
- HWB
- hwb(142 24% 62%)
- OKLCH
- oklch(0.455 0.054 156)
- OKLab
- oklab(0.455 -0.05 0.022)
- CIE Lab
- lab(37.55 -17.21 8.43)
- LCH
- lch(37.55 19.16 153.9)
- CMYK
- cmyk(36% 0% 23% 62%)
틴트 · 셰이드 · 톤
틴트
- 4F6F5A
- 617E6B
- 748D7C
- 879D8E
- 9AACA0
- AEBCB2
- C1CDC5
- D6DDD8
- EAEEEB
셰이드
- 34523F
- 2B4535
- 22382A
- 1A2C20
- 122017
- 0A150E
- 040A06
- 010302
- 000000
톤
- 44634F
- 4B6655
- 526A5A
- 586D5F
- 5F7065
- 66736A
- 6C766F
- 737A75
- 797D7A
색 조화
보색 +180°
- 3D604A
Windy Pine
- 6A4B62
≈ Bunchberry
유사색 -30° +30°
- 3D604A
Windy Pine
- 4F5C3B
≈ Shallot Leaf
- 2F615B
≈ Verdant Forest
삼각 배색 +120° +240°
- 3D604A
Windy Pine
- 4E5475
≈ Deep Orchid
- 724C42
≈ Minotaur Red
분열 보색 +150° +210°
- 3D604A
Windy Pine
- 5E4F6F
≈ Futaai Indigo
- 714A52
≈ Madder
사각 배색 +90° +180° +270°
- 3D604A
Windy Pine
- 3D5A73
≈ Express Blue
- 6A4B62
≈ Bunchberry
- 6C5136
≈ Cowboy Boots
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.06:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.97:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--windy-pine: #3d604a;
--windy-pine-rgb: 61 96 74;
--windy-pine-oklch: oklch(0.455 0.054 156);
}
.element {
color: var(--windy-pine);
background-color: hsl(142 22% 31%);
border-color: oklch(0.455 0.054 156);
}Tailwind CSS v4
@theme {
--color-windy-pine: #3d604a;
--color-windy-pine-50: #e9faef;
--color-windy-pine-100: #daeee1;
--color-windy-pine-200: #c2dccb;
--color-windy-pine-300: #a1c0ad;
--color-windy-pine-400: #85a891;
--color-windy-pine-500: #699177;
--color-windy-pine-600: #597b65;
--color-windy-pine-700: #476251;
--color-windy-pine-800: #34483a;
--color-windy-pine-900: #233228;
--color-windy-pine-950: #121e16;
}SCSS
$windy-pine: #3d604a;
$windy-pine-rgb: 61, 96, 74;
$windy-pine-light: mix(#fff, $windy-pine, 20%);
$windy-pine-dark: mix(#000, $windy-pine, 20%);
.element {
color: $windy-pine;
box-shadow: 0 0 0 2px rgba($windy-pine, 0.35);
}