가장 가까운 이름 색상 · #84A190
#84A190
가장 가까운 이름 색상: Parisian Patina
#84A190(rgb(132 161 144), hsl(145 13% 57%), oklch(0.682 0.041 159.4))와 가장 가까운 이름 색상은 Parisian Patina입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#84A190
oklch(0.682 0.041 159.4)
색상 변환
- HEX
- #84a190
- RGB
- rgb(132 161 144)
- HSL
- hsl(145 13% 57%)
- HWB
- hwb(145 52% 37%)
- OKLCH
- oklch(0.682 0.041 159.4)
- OKLab
- oklab(0.682 -0.038 0.014)
- CIE Lab
- lab(63.65 -13.1 5.37)
- LCH
- lch(63.65 14.16 157.7)
- CMYK
- cmyk(18% 0% 11% 37%)
틴트 · 셰이드 · 톤
틴트
- 90AA9B
- 9CB3A5
- A8BCB0
- B4C6BB
- C0CFC6
- CDD9D1
- D9E2DD
- E6ECE8
- F2F5F3
셰이드
- 728B7D
- 60766A
- 4F6257
- 3F4E45
- 2F3C34
- 202A24
- 121915
- 060907
- 010101
톤
- 849E8E
- 839A8D
- 83978B
- 83948A
- 829088
- 828D86
- 828A85
- 818783
- 818382
색 조화
보색 +180°
- 84A190
Parisian Patina
- AB90A1
≈ Mauve Shadows
유사색 -30° +30°
- 84A190
Parisian Patina
- 919E84
≈ Willowbrook Manor
- 7CA19E
≈ Tower Bridge
삼각 배색 +120° +240°
- 84A190
Parisian Patina
- 9397B2
≈ Frosty Nightfall
- B09186
≈ Plush Suede
분열 보색 +150° +210°
- 84A190
Parisian Patina
- A092AC
≈ Compliment
- B08F93
≈ Deauville Mauve
사각 배색 +90° +180° +270°
- 84A190
Parisian Patina
- 869BB2
≈ Tsunami
- AB90A1
≈ Mauve Shadows
- AA957E
≈ Adolescent Rodent
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.48:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--parisian-patina: #84a190;
--parisian-patina-rgb: 132 161 144;
--parisian-patina-oklch: oklch(0.682 0.041 159.4);
}
.element {
color: var(--parisian-patina);
background-color: hsl(145 13% 57%);
border-color: oklch(0.682 0.041 159.4);
}Tailwind CSS v4
@theme {
--color-parisian-patina: #84a190;
--color-parisian-patina-50: #ecf9f1;
--color-parisian-patina-100: #ddece4;
--color-parisian-patina-200: #c6dacf;
--color-parisian-patina-300: #a6beb1;
--color-parisian-patina-400: #8ba696;
--color-parisian-patina-500: #6f8f7d;
--color-parisian-patina-600: #5e796a;
--color-parisian-patina-700: #4b6154;
--color-parisian-patina-800: #37473d;
--color-parisian-patina-900: #25312a;
--color-parisian-patina-950: #141d17;
}SCSS
$parisian-patina: #84a190;
$parisian-patina-rgb: 132, 161, 144;
$parisian-patina-light: mix(#fff, $parisian-patina, 20%);
$parisian-patina-dark: mix(#000, $parisian-patina, 20%);
.element {
color: $parisian-patina;
box-shadow: 0 0 0 2px rgba($parisian-patina, 0.35);
}