Màu có tên gần nhất · #B1BDDA
#B1BDDA
Màu có tên gần nhất: Over the Moon
#B1BDDA (rgb(177 189 218), hsl(222 36% 77%), oklch(0.799 0.043 267.6)) 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.
#B1BDDA
oklch(0.799 0.043 267.6)
Chuyển đổi màu
- HEX
- #b1bdda
- RGB
- rgb(177 189 218)
- HSL
- hsl(222 36% 77%)
- HWB
- hwb(222 69% 15%)
- OKLCH
- oklch(0.799 0.043 267.6)
- OKLab
- oklab(0.799 -0.002 -0.043)
- CIE Lab
- lab(76.38 0.25 -16.08)
- LCH
- lch(76.38 16.08 270.9)
- CMYK
- cmyk(19% 13% 0% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B9C3DE
- C0CAE2
- C8D1E5
- D0D7E9
- D7DEED
- DFE4F0
- E7EBF4
- EFF2F8
- F7F8FB
Sắc đậm
- 99A4BD
- 838CA2
- 6C7487
- 575D6C
- 424754
- 2F333C
- 1C1F25
- 0C0D11
- 010202
Sắc xám
- ACB7D1
- A7B1C7
- A2AABE
- 9DA4B5
- 989EAC
- 9398A3
- 8E929A
- 8A8C91
- 858689
Hòa sắc
Bổ túc +180°
- B1BDDA
Over the Moon
- C9BC9E
≈ Chopped Almonds
Tương đồng -30° +30°
- B1BDDA
Over the Moon
- A4C2D6
≈ Blue Bows
- C0B8D6
≈ Playful Purple
Bộ ba +120° +240°
- B1BDDA
Over the Moon
- D8B3AE
≈ Victoriana
- ABC5AE
≈ Spring Leaves
Bổ túc chia +150° +210°
- B1BDDA
Over the Moon
- D3B7A3
≈ Cocoa Dust
- BBC1A2
≈ Animal Kingdom
Bộ bốn +90° +180° +270°
- B1BDDA
Over the Moon
- D6B2BD
≈ Mauvelous
- C9BC9E
≈ Chopped Almonds
- A0C7BD
≈ New-Age Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.88:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.16:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--over-the-moon: #b1bdda;
--over-the-moon-rgb: 177 189 218;
--over-the-moon-oklch: oklch(0.799 0.043 267.6);
}
.element {
color: var(--over-the-moon);
background-color: hsl(222 36% 77%);
border-color: oklch(0.799 0.043 267.6);
}Tailwind CSS v4
@theme {
--color-over-the-moon: #b1bdda;
--color-over-the-moon-50: #f0f5ff;
--color-over-the-moon-100: #e2e8f7;
--color-over-the-moon-200: #cdd4e7;
--color-over-the-moon-300: #aeb7ce;
--color-over-the-moon-400: #939eb9;
--color-over-the-moon-500: #7a86a4;
--color-over-the-moon-600: #67718a;
--color-over-the-moon-700: #525b6f;
--color-over-the-moon-800: #3b4252;
--color-over-the-moon-900: #292e39;
--color-over-the-moon-950: #161b23;
}SCSS
$over-the-moon: #b1bdda;
$over-the-moon-rgb: 177, 189, 218;
$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);
}