Màu có tên gần nhất · #DEE5F0
#DEE5F0
Màu có tên gần nhất: Radiant Moon
#DEE5F0 (rgb(222 229 240), hsl(217 37% 91%), oklch(0.92 0.017 259.4)) gần nhất với màu có tên Radiant Moon. 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.
#DEE5F0
oklch(0.92 0.017 259.4)
Chuyển đổi màu
- HEX
- #dee5f0
- RGB
- rgb(222 229 240)
- HSL
- hsl(217 37% 91%)
- HWB
- hwb(217 87% 6%)
- OKLCH
- oklch(0.92 0.017 259.4)
- OKLab
- oklab(0.92 -0.003 -0.016)
- CIE Lab
- lab(90.65 -0.89 -6.22)
- LCH
- lch(90.65 6.29 261.9)
- CMYK
- cmyk(7% 5% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1E8F2
- E5EAF3
- E8EDF5
- EBEFF6
- EEF2F8
- F2F5F9
- F5F7FB
- F8FAFC
- FCFCFE
Sắc đậm
- C1C7D1
- A5AAB2
- 898E95
- 6F7278
- 55585D
- 3D3F43
- 26282A
- 121214
- 020303
Sắc xám
- D4DAE4
- CAD0D9
- C1C6CD
- B7BBC2
- AEB1B6
- A4A7AB
- 9B9DA0
- 929395
- 898A8B
Hòa sắc
Bổ túc +180°
- DEE5F0
Radiant Moon
- EBE3D8
≈ String of Pearls
Tương đồng -30° +30°
- DEE5F0
Radiant Moon
- DAE7EE
≈ First Light
- E4E3EF
≈ Farsighted
Bộ ba +120° +240°
- DEE5F0
Radiant Moon
- F0E0E0
≈ Daring Deception
- DFE7DD
≈ Moist Silver
Bổ túc chia +150° +210°
- DEE5F0
Radiant Moon
- EEE2DB
≈ Liberia
- E5E6D9
≈ Ivory Lashes
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.26:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.57:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.57:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--radiant-moon: #dee5f0;
--radiant-moon-rgb: 222 229 240;
--radiant-moon-oklch: oklch(0.92 0.017 259.4);
}
.element {
color: var(--radiant-moon);
background-color: hsl(217 37% 91%);
border-color: oklch(0.92 0.017 259.4);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #dee5f0;
--color-radiant-moon-50: #f2f5fa;
--color-radiant-moon-100: #e5e8ee;
--color-radiant-moon-200: #d0d4dc;
--color-radiant-moon-300: #b3b8c0;
--color-radiant-moon-400: #999fa9;
--color-radiant-moon-500: #808792;
--color-radiant-moon-600: #6c727b;
--color-radiant-moon-700: #565b63;
--color-radiant-moon-800: #3f4348;
--color-radiant-moon-900: #2b2e32;
--color-radiant-moon-950: #191b1e;
}SCSS
$radiant-moon: #dee5f0;
$radiant-moon-rgb: 222, 229, 240;
$radiant-moon-light: mix(#fff, $radiant-moon, 20%);
$radiant-moon-dark: mix(#000, $radiant-moon, 20%);
.element {
color: $radiant-moon;
box-shadow: 0 0 0 2px rgba($radiant-moon, 0.35);
}