Màu có tên gần nhất · #DEECF7
#DEECF7
Màu có tên gần nhất: Celestial Cathedral
#DEECF7 (rgb(222 236 247), hsl(206 61% 92%), oklch(0.936 0.021 241.4)) 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.
#DEECF7
oklch(0.936 0.021 241.4)
Chuyển đổi màu
- HEX
- #deecf7
- RGB
- rgb(222 236 247)
- HSL
- hsl(206 61% 92%)
- HWB
- hwb(206 87% 3%)
- OKLCH
- oklch(0.936 0.021 241.4)
- OKLab
- oklab(0.936 -0.01 -0.019)
- CIE Lab
- lab(92.59 -3.23 -7.02)
- LCH
- lch(92.59 7.73 245.3)
- CMYK
- cmyk(10% 4% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1EEF8
- E5F0F9
- E8F2F9
- EBF4FA
- EEF5FB
- F2F7FC
- F5F9FD
- F8FBFD
- FCFDFE
Sắc đậm
- C1CDD7
- A5AFB7
- 899299
- 6F767C
- 555B60
- 3D4245
- 26292C
- 121315
- 020303
Sắc xám
- D4E1EA
- CAD5DE
- C1CAD2
- B7BFC6
- AEB5BA
- A5AAAE
- 9B9FA2
- 929597
- 898A8B
Hòa sắc
Bổ túc +180°
- DEECF7
Celestial Cathedral
- F5E7DC
≈ Coast Cream
Tương đồng -30° +30°
- DEECF7
Celestial Cathedral
- DBEEF2
≈ White Glaze
- E4E9F9
≈ Icy Lilac
Bộ ba +120° +240°
- DEECF7
Celestial Cathedral
- F7E4E9
≈ Pink Tutu
- E7ECDD
≈ Chrome Green
Bổ túc chia +150° +210°
- DEECF7
Celestial Cathedral
- F8E5E1
≈ Spring Petal
- EFEADA
≈ Pale Quartz
Bộ bốn +90° +180° +270°
- DEECF7
Celestial Cathedral
- F3E5F0
≈ Holographic Lavender
- F5E7DC
≈ Coast Cream
- E0EEE3
≈ Lower Green
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.44:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--celestial-cathedral: #deecf7;
--celestial-cathedral-rgb: 222 236 247;
--celestial-cathedral-oklch: oklch(0.936 0.021 241.4);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(206 61% 92%);
border-color: oklch(0.936 0.021 241.4);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #deecf7;
--color-celestial-cathedral-50: #f0f6fb;
--color-celestial-cathedral-100: #e2e9ee;
--color-celestial-cathedral-200: #cdd5dd;
--color-celestial-cathedral-300: #afb9c2;
--color-celestial-cathedral-400: #94a0aa;
--color-celestial-cathedral-500: #7a8893;
--color-celestial-cathedral-600: #68737c;
--color-celestial-cathedral-700: #535c64;
--color-celestial-cathedral-800: #3c4449;
--color-celestial-cathedral-900: #292f33;
--color-celestial-cathedral-950: #171b1e;
}SCSS
$celestial-cathedral: #deecf7;
$celestial-cathedral-rgb: 222, 236, 247;
$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);
}