이름 색상 · #334D41
Pine Needle
Pine Needle은(는) #334D41: rgb(51 77 65), hsl(152 20% 25%), oklch(0.395 0.038 164.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Pine Needle color name →
#334D41
oklch(0.395 0.038 164.2)
색상 변환
- HEX
- #334d41
- RGB
- rgb(51 77 65)
- HSL
- hsl(152 20% 25%)
- HWB
- hwb(152 20% 70%)
- OKLCH
- oklch(0.395 0.038 164.2)
- OKLab
- oklab(0.395 -0.036 0.01)
- CIE Lab
- lab(30.35 -12.59 3.83)
- LCH
- lch(30.35 13.16 163.1)
- CMYK
- cmyk(34% 0% 16% 70%)
틴트 · 셰이드 · 톤
틴트
- 455D52
- 586E63
- 6C7F75
- 7F9088
- 94A29B
- A8B4AE
- BDC6C2
- D3D9D6
- E9ECEA
셰이드
- 2B4237
- 23372E
- 1C2C25
- 14221C
- 0D1813
- 070F0B
- 030705
- 010201
- 000000
톤
- 3B5247
- 42574D
- 4A5C53
- 516159
- 596660
- 616B66
- 69706C
- 707673
- 787B79
색 조화
보색 +180°
- 334D41
Pine Needle
- 553E4B
≈ Purple Province
유사색 -30° +30°
- 334D41
Pine Needle
- 3E4B36
≈ Mountain View
- 2D4D4C
≈ Similar to Slate
삼각 배색 +120° +240°
- 334D41
Pine Needle
- 44445A
≈ Darkest Navy
- 584036
≈ Cordwood
분열 보색 +150° +210°
- 334D41
Pine Needle
- 4E4055
≈ Sweet Grape
- 593E40
≈ Ancient Prunus
사각 배색 +90° +180° +270°
- 334D41
Pine Needle
- 38485B
≈ Very Navy
- 553E4B
≈ Purple Province
- 53442F
≈ Garden Loam
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.21:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.27:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.21:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--pine-needle: #334d41;
--pine-needle-rgb: 51 77 65;
--pine-needle-oklch: oklch(0.395 0.038 164.2);
}
.element {
color: var(--pine-needle);
background-color: hsl(152 20% 25%);
border-color: oklch(0.395 0.038 164.2);
}Tailwind CSS v4
@theme {
--color-pine-needle: #334d41;
--color-pine-needle-50: #ecf9f3;
--color-pine-needle-100: #ddece5;
--color-pine-needle-200: #c6dad1;
--color-pine-needle-300: #a6beb3;
--color-pine-needle-400: #8ba699;
--color-pine-needle-500: #6f8e80;
--color-pine-needle-600: #5f796c;
--color-pine-needle-700: #4b6056;
--color-pine-needle-800: #37473e;
--color-pine-needle-900: #25312b;
--color-pine-needle-950: #141d18;
}SCSS
$pine-needle: #334d41;
$pine-needle-rgb: 51, 77, 65;
$pine-needle-light: mix(#fff, $pine-needle, 20%);
$pine-needle-dark: mix(#000, $pine-needle, 20%);
.element {
color: $pine-needle;
box-shadow: 0 0 0 2px rgba($pine-needle, 0.35);
}