Màu có tên gần nhất · #DEB9E2
#DEB9E2
Màu có tên gần nhất: Blushing Sky
#DEB9E2 (rgb(222 185 226), hsl(294 41% 81%), oklch(0.831 0.069 323)) 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.
#DEB9E2
oklch(0.831 0.069 323)
Chuyển đổi màu
- HEX
- #deb9e2
- RGB
- rgb(222 185 226)
- HSL
- hsl(294 41% 81%)
- HWB
- hwb(294 73% 11%)
- OKLCH
- oklch(0.831 0.069 323)
- OKLab
- oklab(0.831 0.055 -0.042)
- CIE Lab
- lab(79.41 18.95 -15.39)
- LCH
- lch(79.41 24.41 320.9)
- CMYK
- cmyk(2% 18% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1C0E5
- E5C7E8
- E8CEEB
- EBD5EE
- EFDCF1
- F2E3F4
- F5EAF6
- F9F1F9
- FCF8FC
Sắc đậm
- C1A0C4
- A589A8
- 89718C
- 6F5B71
- 554657
- 3D313E
- 261E27
- 120D12
- 020203
Sắc xám
- D4B3D8
- CBADCE
- C1A8C4
- B8A2BA
- AE9CB0
- A597A6
- 9B919C
- 928B93
- 898689
Hòa sắc
Bổ túc +180°
- DEB9E2
Blushing Sky
- AED4AB
≈ Flower Stem
Tương đồng -30° +30°
- DEB9E2
Blushing Sky
- C9C0F1
≈ Connecticut Lilac
- ECB6CB
≈ Fairy Tale
Bộ ba +120° +240°
- DEB9E2
Blushing Sky
- DEC494
≈ Dirty Blonde
- 91D5DB
≈ Arctic Blue
Bổ túc chia +150° +210°
- DEB9E2
Blushing Sky
- C7CD99
≈ Vegetarian Vulture
- 99D7C3
≈ Isabella’s Aqua
Bộ bốn +90° +180° +270°
- DEB9E2
Blushing Sky
- ECBC9E
≈ Cinnamon Foam
- AED4AB
≈ Flower Stem
- 9BD0EE
≈ Mediterranean Charm
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.72:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.14:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--blushing-sky: #deb9e2;
--blushing-sky-rgb: 222 185 226;
--blushing-sky-oklch: oklch(0.831 0.069 323);
}
.element {
color: var(--blushing-sky);
background-color: hsl(294 41% 81%);
border-color: oklch(0.831 0.069 323);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #deb9e2;
--color-blushing-sky-50: #ffefff;
--color-blushing-sky-100: #f4e0f5;
--color-blushing-sky-200: #e4cbe5;
--color-blushing-sky-300: #caaccb;
--color-blushing-sky-400: #b391b6;
--color-blushing-sky-500: #9d77a1;
--color-blushing-sky-600: #846588;
--color-blushing-sky-700: #6a506d;
--color-blushing-sky-800: #4d3b51;
--color-blushing-sky-900: #362838;
--color-blushing-sky-950: #211623;
}SCSS
$blushing-sky: #deb9e2;
$blushing-sky-rgb: 222, 185, 226;
$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);
}