Màu có tên gần nhất · #D7B3D4
#D7B3D4
Màu có tên gần nhất: Blushing Sky
#D7B3D4 (rgb(215 179 212), hsl(305 31% 77%), oklch(0.808 0.061 328.8)) gần nhất với màu có tên Blushing Sky. 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.
#D7B3D4
oklch(0.808 0.061 328.8)
Chuyển đổi màu
- HEX
- #d7b3d4
- RGB
- rgb(215 179 212)
- HSL
- hsl(305 31% 77%)
- HWB
- hwb(305 70% 16%)
- OKLCH
- oklch(0.808 0.061 328.8)
- OKLab
- oklab(0.808 0.052 -0.031)
- CIE Lab
- lab(76.94 17.59 -11.61)
- LCH
- lch(76.94 21.07 326.6)
- CMYK
- cmyk(0% 17% 1% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DBBAD8
- DFC2DD
- E3CAE1
- E7D1E5
- EBD9E9
- EFE0EE
- F3E8F2
- F7F0F6
- FBF7FB
Sắc đậm
- BB9BB8
- 9F849D
- 856E83
- 6B5869
- 524351
- 3B2F3A
- 251D24
- 110C10
- 020102
Sắc xám
- CEAECB
- C5A9C3
- BCA4BA
- B49EB2
- AB99A9
- A294A1
- 998F98
- 918A90
- 888588
Hòa sắc
Bổ túc +180°
- D7B3D4
Blushing Sky
- A6CCAB
≈ Mint Circle
Tương đồng -30° +30°
- D7B3D4
Blushing Sky
- C5B8E3
≈ Melrose
- E2B1C0
≈ Mental Floss
Bộ ba +120° +240°
- D7B3D4
Blushing Sky
- D0BF94
≈ Beaten Track
- 92CCD5
≈ Blue Stream
Bổ túc chia +150° +210°
- D7B3D4
Blushing Sky
- BCC69B
≈ Seagrass
- 96CEC1
≈ Thermal Aqua
Bộ bốn +90° +180° +270°
- D7B3D4
Blushing Sky
- DFB89A
≈ So Baja
- A6CCAB
≈ Mint Circle
- 9DC7E4
≈ Windsor Way
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.86:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.28:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--blushing-sky: #d7b3d4;
--blushing-sky-rgb: 215 179 212;
--blushing-sky-oklch: oklch(0.808 0.061 328.8);
}
.element {
color: var(--blushing-sky);
background-color: hsl(305 31% 77%);
border-color: oklch(0.808 0.061 328.8);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d7b3d4;
--color-blushing-sky-50: #ffeffd;
--color-blushing-sky-100: #f4e1f1;
--color-blushing-sky-200: #e4cbe0;
--color-blushing-sky-300: #caadc6;
--color-blushing-sky-400: #b392b0;
--color-blushing-sky-500: #9d789a;
--color-blushing-sky-600: #856682;
--color-blushing-sky-700: #6a5168;
--color-blushing-sky-800: #4e3b4d;
--color-blushing-sky-900: #362936;
--color-blushing-sky-950: #211621;
}SCSS
$blushing-sky: #d7b3d4;
$blushing-sky-rgb: 215, 179, 212;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}