Màu có tên gần nhất · #A7ADD5
#A7ADD5
Màu có tên gần nhất: Over the Moon
#A7ADD5 (rgb(167 173 213), hsl(232 35% 75%), oklch(0.757 0.058 278.2)) 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.
#A7ADD5
oklch(0.757 0.058 278.2)
Chuyển đổi màu
- HEX
- #a7add5
- RGB
- rgb(167 173 213)
- HSL
- hsl(232 35% 75%)
- HWB
- hwb(232 65% 16%)
- OKLCH
- oklch(0.757 0.058 278.2)
- OKLab
- oklab(0.757 0.008 -0.057)
- CIE Lab
- lab(71.28 4.22 -21.12)
- LCH
- lch(71.28 21.54 281.3)
- CMYK
- cmyk(22% 19% 0% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AFB5D9
- B8BDDE
- C1C5E2
- C9CDE6
- D2D6EA
- DBDEEF
- E4E6F3
- EDEEF7
- F6F7FB
Sắc đậm
- 9196B9
- 7B7F9E
- 666A83
- 52556A
- 3E4151
- 2C2D3A
- 1A1B24
- 0A0B10
- 010102
Sắc xám
- A3A8CC
- 9FA4C4
- 9B9FBB
- 979BB2
- 9396AA
- 8F92A1
- 8B8D99
- 888991
- 848488
Hòa sắc
Bổ túc +180°
- A7ADD5
Over the Moon
- B9B187
≈ Tomatillo Salsa
Tương đồng -30° +30°
- A7ADD5
Over the Moon
- 94B4D4
≈ Oxygen Blue
- BAA7CD
≈ Lavendula
Bộ ba +120° +240°
- A7ADD5
Over the Moon
- D1A496
≈ The Boulevard
- 92BCA2
≈ Summertown
Bổ túc chia +150° +210°
- A7ADD5
Over the Moon
- C9AA89
≈ Semolina
- A5B891
≈ Norway
Bộ bốn +90° +180° +270°
- A7ADD5
Over the Moon
- D1A1A9
≈ Birthday Candle
- B9B187
≈ Tomatillo Salsa
- 85BCB7
≈ Morning Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.58:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--over-the-moon: #a7add5;
--over-the-moon-rgb: 167 173 213;
--over-the-moon-oklch: oklch(0.757 0.058 278.2);
}
.element {
color: var(--over-the-moon);
background-color: hsl(232 35% 75%);
border-color: oklch(0.757 0.058 278.2);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #a7add5;
--color-over-the-moon-50: #f1f4ff;
--color-over-the-moon-100: #e4e6fb;
--color-over-the-moon-200: #cfd2ed;
--color-over-the-moon-300: #b1b5d5;
--color-over-the-moon-400: #969cc1;
--color-over-the-moon-500: #7d83ad;
--color-over-the-moon-600: #6a6f92;
--color-over-the-moon-700: #555975;
--color-over-the-moon-800: #3d4157;
--color-over-the-moon-900: #2a2d3c;
--color-over-the-moon-950: #171a26;
}SCSS
$over-the-moon: #a7add5;
$over-the-moon-rgb: 167, 173, 213;
$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);
}