가장 가까운 이름 색상 · #A1B2CE
#A1B2CE
가장 가까운 이름 색상: Mont Blanc
#A1B2CE(rgb(161 178 206), hsl(217 31% 72%), oklch(0.76 0.045 260.4))와 가장 가까운 이름 색상은 Mont Blanc입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A1B2CE
oklch(0.76 0.045 260.4)
색상 변환
- HEX
- #a1b2ce
- RGB
- rgb(161 178 206)
- HSL
- hsl(217 31% 72%)
- HWB
- hwb(217 63% 19%)
- OKLCH
- oklch(0.76 0.045 260.4)
- OKLab
- oklab(0.76 -0.007 -0.044)
- CIE Lab
- lab(71.95 -1.54 -16.35)
- LCH
- lch(71.95 16.42 264.6)
- CMYK
- cmyk(22% 14% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- AABAD3
- B3C1D8
- BCC9DD
- C6D0E2
- CFD8E7
- D9E0EB
- E2E7F0
- ECEFF5
- F5F7FA
셰이드
- 8B9AB3
- 768398
- 626D7F
- 4E5766
- 3C434E
- 2A2F38
- 191D23
- 090C0F
- 010102
톤
- 9EADC6
- 9AA8BE
- 97A3B6
- 949EAE
- 9099A6
- 8D949F
- 8A8F97
- 878A8F
- 838588
색 조화
보색 +180°
- A1B2CE
Mont Blanc
- C0AF92
≈ Rock Cliffs
유사색 -30° +30°
- A1B2CE
Mont Blanc
- 95B7C8
≈ Respite
- B0ADCC
≈ Lavender Dream
삼각 배색 +120° +240°
- A1B2CE
Mont Blanc
- CCA6A5
≈ Hydrangea Bouquet
- A2B89E
≈ Salvia
분열 보색 +150° +210°
- A1B2CE
Mont Blanc
- C9A998
≈ Pinky Beige
- B2B494
≈ Plymouth Green
사각 배색 +90° +180° +270°
- A1B2CE
Mont Blanc
- C8A6B5
≈ Fragrant Lilac
- C0AF92
≈ Rock Cliffs
- 96BBAD
≈ Moncur
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.77:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--mont-blanc: #a1b2ce;
--mont-blanc-rgb: 161 178 206;
--mont-blanc-oklch: oklch(0.76 0.045 260.4);
}
.element {
color: var(--mont-blanc);
background-color: hsl(217 31% 72%);
border-color: oklch(0.76 0.045 260.4);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #a1b2ce;
--color-mont-blanc-50: #eef5ff;
--color-mont-blanc-100: #e0e8f7;
--color-mont-blanc-200: #cad5e8;
--color-mont-blanc-300: #abb8cf;
--color-mont-blanc-400: #909fb9;
--color-mont-blanc-500: #7587a4;
--color-mont-blanc-600: #63728b;
--color-mont-blanc-700: #4f5b6f;
--color-mont-blanc-800: #394352;
--color-mont-blanc-900: #272e39;
--color-mont-blanc-950: #151b23;
}SCSS
$mont-blanc: #a1b2ce;
$mont-blanc-rgb: 161, 178, 206;
$mont-blanc-light: mix(#fff, $mont-blanc, 20%);
$mont-blanc-dark: mix(#000, $mont-blanc, 20%);
.element {
color: $mont-blanc;
box-shadow: 0 0 0 2px rgba($mont-blanc, 0.35);
}