Màu có tên gần nhất · #CDB5D9
#CDB5D9
Màu có tên gần nhất: Sweet Lucid Dreams
#CDB5D9 (rgb(205 181 217), hsl(280 32% 78%), oklch(0.805 0.056 314.5)) gần nhất với màu có tên Sweet Lucid Dreams. 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.
#CDB5D9
oklch(0.805 0.056 314.5)
Chuyển đổi màu
- HEX
- #cdb5d9
- RGB
- rgb(205 181 217)
- HSL
- hsl(280 32% 78%)
- HWB
- hwb(280 71% 15%)
- OKLCH
- oklch(0.805 0.056 314.5)
- OKLab
- oklab(0.805 0.039 -0.04)
- CIE Lab
- lab(76.63 13.75 -14.88)
- LCH
- lch(76.63 20.26 312.7)
- CMYK
- cmyk(6% 17% 0% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D2BCDD
- D7C4E1
- DCCBE5
- E1D2E8
- E6DAEC
- EBE1F0
- F0E8F4
- F5F0F7
- FAF7FB
Sắc đậm
- B29DBC
- 9886A1
- 7E6F86
- 66596C
- 4E4453
- 38303B
- 231D25
- 0F0C11
- 020202
Sắc xám
- C5B0D0
- BDAAC7
- B5A5BE
- ADA0B5
- A69AAC
- 9E95A3
- 96909A
- 8F8A91
- 878589
Hòa sắc
Bổ túc +180°
- CDB5D9
Sweet Lucid Dreams
- B0C8A3
≈ Freshwater Green
Tương đồng -30° +30°
- CDB5D9
Sweet Lucid Dreams
- BABBE3
≈ Pretty Posie
- DBB1C8
≈ Private-Label Pink
Bộ ba +120° +240°
- CDB5D9
Sweet Lucid Dreams
- D5BB97
≈ Smooth Beech
- 95CBCA
≈ Lake
Bổ túc chia +150° +210°
- CDB5D9
Sweet Lucid Dreams
- C5C298
≈ Parlour Sage
- 9ECBB6
≈ Cool Juniper
Bộ bốn +90° +180° +270°
- CDB5D9
Sweet Lucid Dreams
- DFB5A2
≈ Prosciutto
- B0C8A3
≈ Freshwater Green
- 98C8DB
≈ Bobby Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.87:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.20:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-lucid-dreams: #cdb5d9;
--sweet-lucid-dreams-rgb: 205 181 217;
--sweet-lucid-dreams-oklch: oklch(0.805 0.056 314.5);
}
.element {
color: var(--sweet-lucid-dreams);
background-color: hsl(280 32% 78%);
border-color: oklch(0.805 0.056 314.5);
}Tailwind CSS v4
@theme {
--color-sweet-lucid-dreams: #cdb5d9;
--color-sweet-lucid-dreams-50: #fcf1ff;
--color-sweet-lucid-dreams-100: #f0e2f5;
--color-sweet-lucid-dreams-200: #decde5;
--color-sweet-lucid-dreams-300: #c3afcb;
--color-sweet-lucid-dreams-400: #ab95b6;
--color-sweet-lucid-dreams-500: #947ba0;
--color-sweet-lucid-dreams-600: #7d6888;
--color-sweet-lucid-dreams-700: #64536d;
--color-sweet-lucid-dreams-800: #493d51;
--color-sweet-lucid-dreams-900: #332a38;
--color-sweet-lucid-dreams-950: #1e1723;
}SCSS
$sweet-lucid-dreams: #cdb5d9;
$sweet-lucid-dreams-rgb: 205, 181, 217;
$sweet-lucid-dreams-light: mix(#fff, $sweet-lucid-dreams, 20%);
$sweet-lucid-dreams-dark: mix(#000, $sweet-lucid-dreams, 20%);
.element {
color: $sweet-lucid-dreams;
box-shadow: 0 0 0 2px rgba($sweet-lucid-dreams, 0.35);
}