Màu có tên gần nhất · #A2B2CC
#A2B2CC
Màu có tên gần nhất: Over the Moon
#A2B2CC (rgb(162 178 204), hsl(217 29% 72%), oklch(0.76 0.041 260.1)) gần nhất với màu có tên Over the Moon. 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.
#A2B2CC
oklch(0.76 0.041 260.1)
Chuyển đổi màu
- HEX
- #a2b2cc
- RGB
- rgb(162 178 204)
- HSL
- hsl(217 29% 72%)
- HWB
- hwb(217 64% 20%)
- OKLCH
- oklch(0.76 0.041 260.1)
- OKLab
- oklab(0.76 -0.007 -0.041)
- CIE Lab
- lab(71.97 -1.56 -15.22)
- LCH
- lch(71.97 15.3 264.2)
- CMYK
- cmyk(21% 13% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ABBAD1
- B4C1D6
- BDC9DB
- C6D0E0
- D0D8E6
- D9E0EB
- E2E7F0
- ECEFF5
- F5F7FA
Sắc đậm
- 8C9AB1
- 778397
- 636D7E
- 4F5765
- 3C434E
- 2A2F37
- 191D22
- 0A0C0F
- 010102
Sắc xám
- 9FADC4
- 9BA8BC
- 98A3B5
- 949EAD
- 9199A5
- 8E949E
- 8A8F96
- 878A8F
- 838587
Hòa sắc
Bổ túc +180°
- A2B2CC
Over the Moon
- BFAF94
≈ Mocha Cake
Tương đồng -30° +30°
- A2B2CC
Over the Moon
- 97B7C7
≈ Respite
- B0ADCA
≈ Lavender Dream
Bộ ba +120° +240°
- A2B2CC
Over the Moon
- CAA7A6
≈ Hydrangea Bouquet
- A4B89F
≈ Salvia
Bổ túc chia +150° +210°
- A2B2CC
Over the Moon
- C8AA9A
≈ Pinky Beige
- B2B496
≈ Mountain Green
Bộ bốn +90° +180° +270°
- A2B2CC
Over the Moon
- C7A7B5
≈ Fragrant Lilac
- BFAF94
≈ Mocha Cake
- 98BAAD
≈ 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 {
--over-the-moon: #a2b2cc;
--over-the-moon-rgb: 162 178 204;
--over-the-moon-oklch: oklch(0.76 0.041 260.1);
}
.element {
color: var(--over-the-moon);
background-color: hsl(217 29% 72%);
border-color: oklch(0.76 0.041 260.1);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #a2b2cc;
--color-over-the-moon-50: #eff5ff;
--color-over-the-moon-100: #e0e8f6;
--color-over-the-moon-200: #cbd5e7;
--color-over-the-moon-300: #acb8cd;
--color-over-the-moon-400: #909fb8;
--color-over-the-moon-500: #7687a2;
--color-over-the-moon-600: #647289;
--color-over-the-moon-700: #505b6e;
--color-over-the-moon-800: #3a4351;
--color-over-the-moon-900: #272e38;
--color-over-the-moon-950: #161b23;
}SCSS
$over-the-moon: #a2b2cc;
$over-the-moon-rgb: 162, 178, 204;
$over-the-moon-light: mix(#fff, $over-the-moon, 20%);
$over-the-moon-dark: mix(#000, $over-the-moon, 20%);
.element {
color: $over-the-moon;
box-shadow: 0 0 0 2px rgba($over-the-moon, 0.35);
}