Màu có tên gần nhất · #DAE9FE
#DAE9FE
Màu có tên gần nhất: Puffy Cloud
#DAE9FE (rgb(218 233 254), hsl(215 95% 93%), oklch(0.929 0.033 256.8)) gần nhất với màu có tên Puffy Cloud. 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.
#DAE9FE
oklch(0.929 0.033 256.8)
Chuyển đổi màu
- HEX
- #dae9fe
- RGB
- rgb(218 233 254)
- HSL
- hsl(215 95% 93%)
- HWB
- hwb(215 85% 0%)
- OKLCH
- oklch(0.929 0.033 256.8)
- OKLab
- oklab(0.929 -0.008 -0.032)
- CIE Lab
- lab(91.69 -2.07 -11.99)
- LCH
- lch(91.69 12.17 260.2)
- CMYK
- cmyk(14% 8% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEEBFE
- E1EDFE
- E5F0FE
- E9F2FF
- ECF4FF
- F0F6FF
- F4F8FF
- F8FBFF
- FBFDFF
Sắc đậm
- BDCBDD
- A2ADBD
- 87909E
- 6C7480
- 545A63
- 3C4147
- 25292D
- 111316
- 020303
Sắc xám
- D1DEF1
- C7D3E4
- BEC8D7
- B5BECA
- ACB3BD
- A3A9B1
- 9A9EA4
- 919498
- 898A8C
Hòa sắc
Bổ túc +180°
- DAE9FE
Puffy Cloud
- F4E5D0
≈ White Hyacinth
Tương đồng -30° +30°
- DAE9FE
Puffy Cloud
- D2EDF9
≈ Blue Hijab
- E5E5FD
≈ Lavender Mist
Bộ ba +120° +240°
- DAE9FE
Puffy Cloud
- FDDFE0
≈ Sweet Mallow
- DEEDD8
≈ Ghost Lichen
Bổ túc chia +150° +210°
- DAE9FE
Puffy Cloud
- FBE2D6
≈ Pink Touch
- EAEAD1
≈ Celery Ice
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.06:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--puffy-cloud: #dae9fe;
--puffy-cloud-rgb: 218 233 254;
--puffy-cloud-oklch: oklch(0.929 0.033 256.8);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(215 95% 93%);
border-color: oklch(0.929 0.033 256.8);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #dae9fe;
--color-puffy-cloud-50: #f0f6ff;
--color-puffy-cloud-100: #e1e8f3;
--color-puffy-cloud-200: #ccd5e3;
--color-puffy-cloud-300: #adb8c9;
--color-puffy-cloud-400: #92a0b2;
--color-puffy-cloud-500: #78879c;
--color-puffy-cloud-600: #667384;
--color-puffy-cloud-700: #525c6a;
--color-puffy-cloud-800: #3b434e;
--color-puffy-cloud-900: #282e36;
--color-puffy-cloud-950: #161b21;
}SCSS
$puffy-cloud: #dae9fe;
$puffy-cloud-rgb: 218, 233, 254;
$puffy-cloud-light: mix(#fff, $puffy-cloud, 20%);
$puffy-cloud-dark: mix(#000, $puffy-cloud, 20%);
.element {
color: $puffy-cloud;
box-shadow: 0 0 0 2px rgba($puffy-cloud, 0.35);
}