Màu có tên gần nhất · #DAECDE
#DAECDE
Màu có tên gần nhất: Vanishing Point
#DAECDE (rgb(218 236 222), hsl(133 32% 89%), oklch(0.926 0.027 152.4)) gần nhất với màu có tên Vanishing Point. 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.
#DAECDE
oklch(0.926 0.027 152.4)
Chuyển đổi màu
- HEX
- #daecde
- RGB
- rgb(218 236 222)
- HSL
- hsl(133 32% 89%)
- HWB
- hwb(133 85% 7%)
- OKLCH
- oklch(0.926 0.027 152.4)
- OKLab
- oklab(0.926 -0.024 0.012)
- CIE Lab
- lab(91.76 -8.09 4.67)
- LCH
- lch(91.76 9.34 150)
- CMYK
- cmyk(8% 0% 6% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEEEE1
- E1F0E5
- E5F2E8
- E9F4EB
- ECF6EE
- F0F7F2
- F4F9F5
- F8FBF8
- FBFDFC
Sắc đậm
- BDCDC1
- A2AFA5
- 879289
- 6C766F
- 545B55
- 3C423D
- 252926
- 111312
- 020302
Sắc xám
- D1E1D4
- C7D5CA
- BECAC1
- B5BFB7
- ACB5AE
- A3AAA4
- 9A9F9B
- 919592
- 898A89
Hòa sắc
Bổ túc +180°
- DAECDE
Vanishing Point
- F2E0EE
≈ Taffeta Tint
Tương đồng -30° +30°
- DAECDE
Vanishing Point
- E3EAD6
≈ Enlightened Lime
- D4EDE8
≈ Cascade
Bộ ba +120° +240°
- DAECDE
Vanishing Point
- E0E6F9
≈ Lavender Mist
- F8E1DB
≈ Laurel Pink
Bổ túc chia +150° +210°
- DAECDE
Vanishing Point
- EAE3F6
≈ Sheer Lavender
- F7E0E5
≈ Pork Belly
Bộ bốn +90° +180° +270°
- DAECDE
Vanishing Point
- D8E9F7
≈ Celestial Cathedral
- F2E0EE
≈ Taffeta Tint
- F4E3D5
≈ Peach Everlasting
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 12
Ag
AAATrên nền đen
WCAG 17.03:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.03:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--vanishing-point: #daecde;
--vanishing-point-rgb: 218 236 222;
--vanishing-point-oklch: oklch(0.926 0.027 152.4);
}
.element {
color: var(--vanishing-point);
background-color: hsl(133 32% 89%);
border-color: oklch(0.926 0.027 152.4);
}Tailwind CSS v4
@theme {
--color-vanishing-point: #daecde;
--color-vanishing-point-50: #f0f7f2;
--color-vanishing-point-100: #e1ebe4;
--color-vanishing-point-200: #ccd8cf;
--color-vanishing-point-300: #adbcb1;
--color-vanishing-point-400: #93a397;
--color-vanishing-point-500: #798c7e;
--color-vanishing-point-600: #67766a;
--color-vanishing-point-700: #525e55;
--color-vanishing-point-800: #3c453e;
--color-vanishing-point-900: #29302a;
--color-vanishing-point-950: #171c18;
}SCSS
$vanishing-point: #daecde;
$vanishing-point-rgb: 218, 236, 222;
$vanishing-point-light: mix(#fff, $vanishing-point, 20%);
$vanishing-point-dark: mix(#000, $vanishing-point, 20%);
.element {
color: $vanishing-point;
box-shadow: 0 0 0 2px rgba($vanishing-point, 0.35);
}