Màu có tên gần nhất · #ACB7DE
#ACB7DE
Màu có tên gần nhất: Over the Moon
#ACB7DE (rgb(172 183 222), hsl(227 43% 77%), oklch(0.784 0.057 272.7)) 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.
#ACB7DE
oklch(0.784 0.057 272.7)
Chuyển đổi màu
- HEX
- #acb7de
- RGB
- rgb(172 183 222)
- HSL
- hsl(227 43% 77%)
- HWB
- hwb(227 67% 13%)
- OKLCH
- oklch(0.784 0.057 272.7)
- OKLab
- oklab(0.784 0.003 -0.057)
- CIE Lab
- lab(74.54 2.32 -21.04)
- LCH
- lch(74.54 21.17 276.3)
- CMYK
- cmyk(23% 18% 0% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B4BEE1
- BCC5E5
- C4CCE8
- CCD3EC
- D5DBEF
- DDE2F2
- E5E9F5
- EEF0F9
- F6F8FC
Sắc đậm
- 959FC1
- 7F87A5
- 697089
- 545A6F
- 404555
- 2D313D
- 1B1E26
- 0B0C12
- 010202
Sắc xám
- A7B1D4
- A3ACCB
- 9FA6C1
- 9AA1B8
- 969BAE
- 9196A5
- 8D909C
- 898B92
- 848589
Hòa sắc
Bổ túc +180°
- ACB7DE
Over the Moon
- C5B88F
≈ Earth Friendly
Tương đồng -30° +30°
- ACB7DE
Over the Moon
- 9ABEDB
≈ Sleeping Easy
- C0B0D7
≈ Moonraker
Bộ ba +120° +240°
- ACB7DE
Over the Moon
- DBACA2
≈ Everything’s Rosy
- 9EC4A7
≈ Aroma Garden
Bổ túc chia +150° +210°
- ACB7DE
Over the Moon
- D4B194
≈ Blonde Lace
- B2BF97
≈ Pale Spring Morning
Bộ bốn +90° +180° +270°
- ACB7DE
Over the Moon
- D9AAB5
≈ Pink Nectar
- C5B88F
≈ Earth Friendly
- 90C5BC
≈ Enchanted Isle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.98:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.58:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--over-the-moon: #acb7de;
--over-the-moon-rgb: 172 183 222;
--over-the-moon-oklch: oklch(0.784 0.057 272.7);
}
.element {
color: var(--over-the-moon);
background-color: hsl(227 43% 77%);
border-color: oklch(0.784 0.057 272.7);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #acb7de;
--color-over-the-moon-50: #f0f4ff;
--color-over-the-moon-100: #e2e7fc;
--color-over-the-moon-200: #cdd3ed;
--color-over-the-moon-300: #aeb6d5;
--color-over-the-moon-400: #939dc1;
--color-over-the-moon-500: #7984ad;
--color-over-the-moon-600: #677092;
--color-over-the-moon-700: #525975;
--color-over-the-moon-800: #3b4256;
--color-over-the-moon-900: #282d3c;
--color-over-the-moon-950: #161a26;
}SCSS
$over-the-moon: #acb7de;
$over-the-moon-rgb: 172, 183, 222;
$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);
}