Màu có tên gần nhất · #A7B6DB
#A7B6DB
Màu có tên gần nhất: Over the Moon
#A7B6DB (rgb(167 182 219), hsl(223 42% 76%), oklch(0.777 0.056 267.8)) 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.
#A7B6DB
oklch(0.777 0.056 267.8)
Chuyển đổi màu
- HEX
- #a7b6db
- RGB
- rgb(167 182 219)
- HSL
- hsl(223 42% 76%)
- HWB
- hwb(223 65% 14%)
- OKLCH
- oklch(0.777 0.056 267.8)
- OKLab
- oklab(0.777 -0.002 -0.055)
- CIE Lab
- lab(73.82 0.67 -20.54)
- LCH
- lch(73.82 20.56 271.9)
- CMYK
- cmyk(24% 17% 0% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AFBDDF
- B8C4E2
- C1CCE6
- C9D3EA
- D2DAED
- DBE1F1
- E4E9F5
- EDF0F8
- F6F8FC
Sắc đậm
- 919EBE
- 7B86A2
- 666F87
- 52596D
- 3E4454
- 2C303C
- 1A1D26
- 0A0C11
- 010202
Sắc xám
- A3B1D2
- 9FABC8
- 9BA6BF
- 97A0B6
- 939BAD
- 8F95A4
- 8C909B
- 888B92
- 848589
Hòa sắc
Bổ túc +180°
- A7B6DB
Over the Moon
- C5B58E
≈ Withered Moss
Tương đồng -30° +30°
- A7B6DB
Over the Moon
- 96BCD6
≈ Manakin
- BAAFD6
≈ Delicate Lilac
Bộ ba +120° +240°
- A7B6DB
Over the Moon
- D8AAA3
≈ Everything’s Rosy
- 9FC1A3
≈ Spruce Stone
Bổ túc chia +150° +210°
- A7B6DB
Over the Moon
- D2AE94
≈ Beige Ganesh
- B3BC94
≈ Pale Spring Morning
Bộ bốn +90° +180° +270°
- A7B6DB
Over the Moon
- D5A8B6
≈ Pink Nectar
- C5B58E
≈ Withered Moss
- 91C3B6
≈ Catarina Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.35:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--over-the-moon: #a7b6db;
--over-the-moon-rgb: 167 182 219;
--over-the-moon-oklch: oklch(0.777 0.056 267.8);
}
.element {
color: var(--over-the-moon);
background-color: hsl(223 42% 76%);
border-color: oklch(0.777 0.056 267.8);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #a7b6db;
--color-over-the-moon-50: #eff5ff;
--color-over-the-moon-100: #e0e8fb;
--color-over-the-moon-200: #cbd4ed;
--color-over-the-moon-300: #acb7d5;
--color-over-the-moon-400: #909ec0;
--color-over-the-moon-500: #7685ac;
--color-over-the-moon-600: #647191;
--color-over-the-moon-700: #505a74;
--color-over-the-moon-800: #394256;
--color-over-the-moon-900: #272e3c;
--color-over-the-moon-950: #151a26;
}SCSS
$over-the-moon: #a7b6db;
$over-the-moon-rgb: 167, 182, 219;
$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);
}