Màu có tên gần nhất · #D2BFE0
#D2BFE0
Màu có tên gần nhất: Sweet Lucid Dreams
#D2BFE0 (rgb(210 191 224), hsl(275 35% 81%), oklch(0.831 0.05 310.9)) 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.
#D2BFE0
oklch(0.831 0.05 310.9)
Chuyển đổi màu
- HEX
- #d2bfe0
- RGB
- rgb(210 191 224)
- HSL
- hsl(275 35% 81%)
- HWB
- hwb(275 75% 12%)
- OKLCH
- oklch(0.831 0.05 310.9)
- OKLab
- oklab(0.831 0.033 -0.038)
- CIE Lab
- lab(79.73 11.44 -13.98)
- LCH
- lch(79.73 18.06 309.3)
- CMYK
- cmyk(6% 15% 0% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D6C5E3
- DBCCE6
- DFD2E9
- E4D8ED
- E8DFF0
- EDE5F3
- F1ECF6
- F6F2F9
- FAF9FC
Sắc đậm
- B6A6C3
- 9B8DA6
- 81758A
- 685E70
- 504856
- 39333E
- 241F27
- 100D12
- 020202
Sắc xám
- C9B9D6
- C1B2CC
- B9ACC2
- B0A5B9
- A89FAF
- A099A5
- 98939C
- 908C93
- 888689
Hòa sắc
Bổ túc +180°
- D2BFE0
Sweet Lucid Dreams
- BCCFAD
≈ Jardin
Tương đồng -30° +30°
- D2BFE0
Sweet Lucid Dreams
- C1C5E8
≈ Pale Wisteria
- DFBBD1
≈ Scandalous Rose
Bộ ba +120° +240°
- D2BFE0
Sweet Lucid Dreams
- DDC3A5
≈ Louvre
- A3D2CF
≈ Crystal Aqua
Bổ túc chia +150° +210°
- D2BFE0
Sweet Lucid Dreams
- CEC9A4
≈ Frozen Dew
- ACD2BD
≈ Misty Jade
Bộ bốn +90° +180° +270°
- D2BFE0
Sweet Lucid Dreams
- E5BEAF
≈ Adorable
- BCCFAD
≈ Jardin
- A5D0DF
≈ Sea Rover
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.71:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.26:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-lucid-dreams: #d2bfe0;
--sweet-lucid-dreams-rgb: 210 191 224;
--sweet-lucid-dreams-oklch: oklch(0.831 0.05 310.9);
}
.element {
color: var(--sweet-lucid-dreams);
background-color: hsl(275 35% 81%);
border-color: oklch(0.831 0.05 310.9);
}Tailwind CSS v4
@theme {
--color-sweet-lucid-dreams: #d2bfe0;
--color-sweet-lucid-dreams-50: #faf1ff;
--color-sweet-lucid-dreams-100: #eee3f4;
--color-sweet-lucid-dreams-200: #dccee4;
--color-sweet-lucid-dreams-300: #c0b0ca;
--color-sweet-lucid-dreams-400: #a897b5;
--color-sweet-lucid-dreams-500: #917d9f;
--color-sweet-lucid-dreams-600: #7a6a86;
--color-sweet-lucid-dreams-700: #62556c;
--color-sweet-lucid-dreams-800: #473e50;
--color-sweet-lucid-dreams-900: #312b37;
--color-sweet-lucid-dreams-950: #1d1822;
}SCSS
$sweet-lucid-dreams: #d2bfe0;
$sweet-lucid-dreams-rgb: 210, 191, 224;
$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);
}