Màu có tên gần nhất · #A1B2CE
#A1B2CE
Màu có tên gần nhất: Mont Blanc
#A1B2CE (rgb(161 178 206), hsl(217 31% 72%), oklch(0.76 0.045 260.4)) gần nhất với màu có tên Mont Blanc. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#A1B2CE
oklch(0.76 0.045 260.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AABAD3
- B3C1D8
- BCC9DD
- C6D0E2
- CFD8E7
- D9E0EB
- E2E7F0
- ECEFF5
- F5F7FA
Sắc đậm
- 8B9AB3
- 768398
- 626D7F
- 4E5766
- 3C434E
- 2A2F38
- 191D23
- 090C0F
- 010102
Sắc xám
- 9EADC6
- 9AA8BE
- 97A3B6
- 949EAE
- 9099A6
- 8D949F
- 8A8F97
- 878A8F
- 838588
Hòa sắc
Bổ túc +180°
- A1B2CE
Mont Blanc
- C0AF92
≈ Rock Cliffs
Tương đồng -30° +30°
- A1B2CE
Mont Blanc
- 95B7C8
≈ Respite
- B0ADCC
≈ Lavender Dream
Bộ ba +120° +240°
- A1B2CE
Mont Blanc
- CCA6A5
≈ Hydrangea Bouquet
- A2B89E
≈ Salvia
Bổ túc chia +150° +210°
- A1B2CE
Mont Blanc
- C9A998
≈ Pinky Beige
- B2B494
≈ Plymouth Green
Bộ bốn +90° +180° +270°
- A1B2CE
Mont Blanc
- C8A6B5
≈ Fragrant Lilac
- C0AF92
≈ Rock Cliffs
- 96BBAD
≈ Moncur
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.14:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.77:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}