Màu có tên gần nhất · #DDEBFF
#DDEBFF
Màu có tên gần nhất: Cloudless
#DDEBFF (rgb(221 235 255), hsl(215 100% 93%), oklch(0.936 0.031 257.2)) gần nhất với màu có tên Cloudless. 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.
#DDEBFF
oklch(0.936 0.031 257.2)
Chuyển đổi màu
- HEX
- #ddebff
- RGB
- rgb(221 235 255)
- HSL
- hsl(215 100% 93%)
- HWB
- hwb(215 87% 0%)
- OKLCH
- oklch(0.936 0.031 257.2)
- OKLab
- oklab(0.936 -0.007 -0.03)
- CIE Lab
- lab(92.45 -1.89 -11.37)
- LCH
- lch(92.45 11.53 260.5)
- CMYK
- cmyk(13% 8% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0EDFF
- E4EFFF
- E7F1FF
- EBF3FF
- EEF5FF
- F1F7FF
- F5F9FF
- F8FBFF
- FCFDFF
Sắc đậm
- C0CCDE
- A4AEBE
- 88919E
- 6E7580
- 555B63
- 3D4148
- 26292E
- 111316
- 020303
Sắc xám
- D3E0F2
- CAD5E4
- C0CAD7
- B7BFCA
- ADB4BE
- A4A9B1
- 9B9FA4
- 929498
- 898A8C
Hòa sắc
Bổ túc +180°
- DDEBFF
Cloudless
- F6E8D3
≈ Clean Canvas
Tương đồng -30° +30°
- DDEBFF
Cloudless
- D5EEFA
≈ Ice Castle
- E8E7FE
≈ Cyber Lavender
Bộ ba +120° +240°
- DDEBFF
Cloudless
- FEE2E2
≈ Royal Wedding
- E0EFDB
≈ Distant Landscape
Bổ túc chia +150° +210°
- DDEBFF
Cloudless
- FCE4D8
≈ Cool Cream
- ECECD4
≈ Budding Fern
Bộ bốn +90° +180° +270°
- DDEBFF
Cloudless
- FBE2EE
≈ Spun Sugar
- F6E8D3
≈ Clean Canvas
- D7F1E5
≈ Banshee
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.20:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.40:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--cloudless: #ddebff;
--cloudless-rgb: 221 235 255;
--cloudless-oklch: oklch(0.936 0.031 257.2);
}
.element {
color: var(--cloudless);
background-color: hsl(215 100% 93%);
border-color: oklch(0.936 0.031 257.2);
}Tailwind CSS v4
@theme {
--color-cloudless: #ddebff;
--color-cloudless-50: #f0f6fe;
--color-cloudless-100: #e2e8f3;
--color-cloudless-200: #ccd5e2;
--color-cloudless-300: #aeb8c8;
--color-cloudless-400: #939fb1;
--color-cloudless-500: #79879b;
--color-cloudless-600: #677283;
--color-cloudless-700: #525c69;
--color-cloudless-800: #3b434d;
--color-cloudless-900: #292e36;
--color-cloudless-950: #171b21;
}SCSS
$cloudless: #ddebff;
$cloudless-rgb: 221, 235, 255;
$cloudless-light: mix(#fff, $cloudless, 20%);
$cloudless-dark: mix(#000, $cloudless, 20%);
.element {
color: $cloudless;
box-shadow: 0 0 0 2px rgba($cloudless, 0.35);
}