Màu có tên gần nhất · #ACBBDC
#ACBBDC
Màu có tên gần nhất: Over the Moon
#ACBBDC (rgb(172 187 220), hsl(221 41% 77%), oklch(0.791 0.05 265.9)) 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.
#ACBBDC
oklch(0.791 0.05 265.9)
Chuyển đổi màu
- HEX
- #acbbdc
- RGB
- rgb(172 187 220)
- HSL
- hsl(221 41% 77%)
- HWB
- hwb(221 67% 14%)
- OKLCH
- oklch(0.791 0.05 265.9)
- OKLab
- oklab(0.791 -0.004 -0.05)
- CIE Lab
- lab(75.54 -0.05 -18.46)
- LCH
- lch(75.54 18.46 269.8)
- CMYK
- cmyk(22% 15% 0% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B4C2E0
- BCC8E3
- C4CFE7
- CDD6EA
- D5DDEE
- DDE4F1
- E6EAF5
- EEF1F8
- F6F8FC
Sắc đậm
- 95A2BF
- 7F8AA3
- 697388
- 545C6E
- 404654
- 2D323C
- 1B1F26
- 0B0D11
- 010202
Sắc xám
- A8B5D2
- A3AFC9
- 9FA9C0
- 9AA3B6
- 969DAD
- 9197A4
- 8D919B
- 898C92
- 848689
Hòa sắc
Bổ túc +180°
- ACBBDC
Over the Moon
- C9B997
≈ Stone Guardians
Tương đồng -30° +30°
- ACBBDC
Over the Moon
- 9DC1D7
≈ Angel Sol
- BDB5D8
≈ Moonraker
Bộ ba +120° +240°
- ACBBDC
Over the Moon
- D9AFAA
≈ Borlotti Bean
- A7C4A8
≈ Green Bark
Bổ túc chia +150° +210°
- ACBBDC
Over the Moon
- D5B39D
≈ Roasted Almond
- B9C09B
≈ Beige and Sage
Bộ bốn +90° +180° +270°
- ACBBDC
Over the Moon
- D6AEBC
≈ Kindness
- C9B997
≈ Stone Guardians
- 9AC6BA
≈ Float Your Boat
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.92:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.89:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--over-the-moon: #acbbdc;
--over-the-moon-rgb: 172 187 220;
--over-the-moon-oklch: oklch(0.791 0.05 265.9);
}
.element {
color: var(--over-the-moon);
background-color: hsl(221 41% 77%);
border-color: oklch(0.791 0.05 265.9);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #acbbdc;
--color-over-the-moon-50: #eff5ff;
--color-over-the-moon-100: #e1e8f9;
--color-over-the-moon-200: #cbd4ea;
--color-over-the-moon-300: #acb7d2;
--color-over-the-moon-400: #919ebd;
--color-over-the-moon-500: #7786a8;
--color-over-the-moon-600: #65718e;
--color-over-the-moon-700: #505b72;
--color-over-the-moon-800: #3a4254;
--color-over-the-moon-900: #272e3b;
--color-over-the-moon-950: #161b25;
}SCSS
$over-the-moon: #acbbdc;
$over-the-moon-rgb: 172, 187, 220;
$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);
}