이름 색상 · #376D64
Statue of Liberty
Statue of Liberty은(는) #376D64: rgb(55 109 100), hsl(170 33% 32%), oklch(0.495 0.06 181.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Statue of Liberty color name →
#376D64
oklch(0.495 0.06 181.6)
색상 변환
- HEX
- #376d64
- RGB
- rgb(55 109 100)
- HSL
- hsl(170 33% 32%)
- HWB
- hwb(170 22% 57%)
- OKLCH
- oklch(0.495 0.06 181.6)
- OKLab
- oklab(0.495 -0.06 -0.002)
- CIE Lab
- lab(42.13 -20.62 -0.81)
- LCH
- lch(42.13 20.64 182.2)
- CMYK
- cmyk(50% 0% 8% 57%)
틴트 · 셰이드 · 톤
틴트
- 4B7B72
- 5F8981
- 729790
- 86A59F
- 99B4AE
- ADC2BE
- C1D1CE
- D6E0DE
- EAF0EE
셰이드
- 2E5E56
- 264F48
- 1E413B
- 16332E
- 0F2622
- 081916
- 030D0B
- 010403
- 000100
톤
- 406F67
- 48716A
- 50736C
- 57756F
- 5E7772
- 657975
- 6C7B77
- 737C7A
- 797E7D
색 조화
보색 +180°
- 376D64
Statue of Liberty
- 7F535F
≈ Classic Berry
유사색 -30° +30°
- 376D64
Statue of Liberty
- 486C51
≈ Sabal Palm
- 356B75
≈ Ocean’s Embrace
삼각 배색 +120° +240°
- 376D64
Statue of Liberty
- 685A7E
≈ Purple Valley
- 7B5A3E
≈ Château Mantle
분열 보색 +150° +210°
- 376D64
Statue of Liberty
- 765571
≈ Cembra Blossom
- 80554D
≈ Root Beer
사각 배색 +90° +180° +270°
- 376D64
Statue of Liberty
- 556084
≈ Karmic Grape
- 7F535F
≈ Classic Berry
- 6E6139
≈ Rationality
대비 및 접근성
Ag
AA흰색 위
WCAG 5.94:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.53:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--statue-of-liberty: #376d64;
--statue-of-liberty-rgb: 55 109 100;
--statue-of-liberty-oklch: oklch(0.495 0.06 181.6);
}
.element {
color: var(--statue-of-liberty);
background-color: hsl(170 33% 32%);
border-color: oklch(0.495 0.06 181.6);
}Tailwind CSS v4
@theme {
--color-statue-of-liberty: #376d64;
--color-statue-of-liberty-50: #e3fbf7;
--color-statue-of-liberty-100: #d3efea;
--color-statue-of-liberty-200: #b9ddd7;
--color-statue-of-liberty-300: #96c2ba;
--color-statue-of-liberty-400: #77aaa1;
--color-statue-of-liberty-500: #579389;
--color-statue-of-liberty-600: #4a7d74;
--color-statue-of-liberty-700: #3b645d;
--color-statue-of-liberty-800: #2a4943;
--color-statue-of-liberty-900: #1c332e;
--color-statue-of-liberty-950: #0c1e1b;
}SCSS
$statue-of-liberty: #376d64;
$statue-of-liberty-rgb: 55, 109, 100;
$statue-of-liberty-light: mix(#fff, $statue-of-liberty, 20%);
$statue-of-liberty-dark: mix(#000, $statue-of-liberty, 20%);
.element {
color: $statue-of-liberty;
box-shadow: 0 0 0 2px rgba($statue-of-liberty, 0.35);
}