Màu có tên gần nhất · #DCB5E3
#DCB5E3
Màu có tên gần nhất: Blushing Sky
#DCB5E3 (rgb(220 181 227), hsl(291 45% 80%), oklch(0.822 0.076 321.2)) 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.
#DCB5E3
oklch(0.822 0.076 321.2)
Chuyển đổi màu
- HEX
- #dcb5e3
- RGB
- rgb(220 181 227)
- HSL
- hsl(291 45% 80%)
- HWB
- hwb(291 71% 11%)
- OKLCH
- oklch(0.822 0.076 321.2)
- OKLab
- oklab(0.822 0.059 -0.048)
- CIE Lab
- lab(78.29 20.43 -17.62)
- LCH
- lch(78.29 26.97 319.2)
- CMYK
- cmyk(3% 20% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0BCE6
- E3C4E9
- E7CBEC
- EAD2EE
- EEDAF1
- F1E1F4
- F5E9F7
- F8F0FA
- FCF8FC
Sắc đậm
- BF9DC5
- A386A8
- 886F8C
- 6E5971
- 544457
- 3C303F
- 261D27
- 110C12
- 020203
Sắc xám
- D2B0D9
- C9AACF
- C0A5C4
- B6A0BA
- AD9AB0
- A495A7
- 9B909D
- 928B93
- 89858A
Hòa sắc
Bổ túc +180°
- DCB5E3
Blushing Sky
- AAD2A4
≈ Relaxation Green
Tương đồng -30° +30°
- DCB5E3
Blushing Sky
- C4BDF3
≈ Connecticut Lilac
- ECB1CB
≈ Pink Frenzy
Bộ ba +120° +240°
- DCB5E3
Blushing Sky
- DEC08C
≈ Sahara Gravel
- 87D4D9
≈ Vibrant Soft Blue
Bổ túc chia +150° +210°
- DCB5E3
Blushing Sky
- C6CA91
≈ Creamy Spinaci
- 91D5BE
≈ Apple II Blue
Bộ bốn +90° +180° +270°
- DCB5E3
Blushing Sky
- EEB798
≈ Crab Bisque
- AAD2A4
≈ Relaxation Green
- 91CEEE
≈ Light Cornflower Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.78:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.76:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.76:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--blushing-sky: #dcb5e3;
--blushing-sky-rgb: 220 181 227;
--blushing-sky-oklch: oklch(0.822 0.076 321.2);
}
.element {
color: var(--blushing-sky);
background-color: hsl(291 45% 80%);
border-color: oklch(0.822 0.076 321.2);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #dcb5e3;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f5e0f7;
--color-blushing-sky-200: #e5cae7;
--color-blushing-sky-300: #cbabce;
--color-blushing-sky-400: #b490ba;
--color-blushing-sky-500: #9e75a5;
--color-blushing-sky-600: #85648b;
--color-blushing-sky-700: #6b4f70;
--color-blushing-sky-800: #4e3a53;
--color-blushing-sky-900: #36283a;
--color-blushing-sky-950: #211624;
}SCSS
$blushing-sky: #dcb5e3;
$blushing-sky-rgb: 220, 181, 227;
$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);
}