Màu có tên gần nhất · #DAEDFB
#DAEDFB
Màu có tên gần nhất: Celestial Cathedral
#DAEDFB (rgb(218 237 251), hsl(205 80% 92%), oklch(0.936 0.028 239.7)) gần nhất với màu có tên Celestial Cathedral. 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.
#DAEDFB
oklch(0.936 0.028 239.7)
Chuyển đổi màu
- HEX
- #daedfb
- RGB
- rgb(218 237 251)
- HSL
- hsl(205 80% 92%)
- HWB
- hwb(205 85% 2%)
- OKLCH
- oklch(0.936 0.028 239.7)
- OKLab
- oklab(0.936 -0.014 -0.024)
- CIE Lab
- lab(92.64 -4.44 -9.04)
- LCH
- lch(92.64 10.07 243.8)
- CMYK
- cmyk(13% 6% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEEFFB
- E1F1FC
- E5F2FC
- E9F4FD
- EDF6FD
- F0F8FD
- F4FAFE
- F8FBFE
- FBFDFF
Sắc đậm
- BDCEDA
- A2B0BA
- 87939C
- 6C777E
- 545C61
- 3C4246
- 252A2D
- 111415
- 020303
Sắc xám
- D1E2EE
- C7D6E1
- BECBD5
- B5C0C8
- ACB5BC
- A3AAAF
- 9A9FA3
- 919597
- 898A8C
Hòa sắc
Bổ túc +180°
- DAEDFB
Celestial Cathedral
- F9E6D8
≈ Hint of Orange
Tương đồng -30° +30°
- DAEDFB
Celestial Cathedral
- D6EFF4
≈ Sparkling River
- E2EAFD
≈ Husky
Bộ ba +120° +240°
- DAEDFB
Celestial Cathedral
- FBE3E9
≈ Pink Tutu
- E7EDD9
≈ Lime Meringue
Bổ túc chia +150° +210°
- DAEDFB
Celestial Cathedral
- FCE4DF
≈ Lady Anne
- F1EAD6
≈ Half Pearl Lusta
Bộ bốn +90° +180° +270°
- DAEDFB
Celestial Cathedral
- F5E4F3
≈ Soft Lavender
- F9E6D8
≈ Hint of Orange
- DEF0E0
≈ Ice-Cold White
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.48:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--celestial-cathedral: #daedfb;
--celestial-cathedral-rgb: 218 237 251;
--celestial-cathedral-oklch: oklch(0.936 0.028 239.7);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(205 80% 92%);
border-color: oklch(0.936 0.028 239.7);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #daedfb;
--color-celestial-cathedral-50: #eff6fd;
--color-celestial-cathedral-100: #e0e9f0;
--color-celestial-cathedral-200: #cad6df;
--color-celestial-cathedral-300: #acbac5;
--color-celestial-cathedral-400: #90a1ad;
--color-celestial-cathedral-500: #768997;
--color-celestial-cathedral-600: #647480;
--color-celestial-cathedral-700: #505d66;
--color-celestial-cathedral-800: #3a444b;
--color-celestial-cathedral-900: #282f34;
--color-celestial-cathedral-950: #161b1f;
}SCSS
$celestial-cathedral: #daedfb;
$celestial-cathedral-rgb: 218, 237, 251;
$celestial-cathedral-light: mix(#fff, $celestial-cathedral, 20%);
$celestial-cathedral-dark: mix(#000, $celestial-cathedral, 20%);
.element {
color: $celestial-cathedral;
box-shadow: 0 0 0 2px rgba($celestial-cathedral, 0.35);
}