Màu có tên gần nhất · #EAECD4
#EAECD4
Màu có tên gần nhất: Blissful Serenity
#EAECD4 (rgb(234 236 212), hsl(65 39% 88%), oklch(0.935 0.032 110.9)) gần nhất với màu có tên Blissful Serenity. 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.
#EAECD4
oklch(0.935 0.032 110.9)
Chuyển đổi màu
- HEX
- #eaecd4
- RGB
- rgb(234 236 212)
- HSL
- hsl(65 39% 88%)
- HWB
- hwb(65 83% 7%)
- OKLCH
- oklch(0.935 0.032 110.9)
- OKLab
- oklab(0.935 -0.011 0.03)
- CIE Lab
- lab(92.76 -3.73 11.45)
- LCH
- lch(92.76 12.04 108)
- CMYK
- cmyk(1% 0% 10% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECEED8
- EEF0DD
- F0F2E1
- F2F4E5
- F4F6E9
- F7F7EE
- F9F9F2
- FBFBF6
- FDFDFB
Sắc đậm
- CBCDB8
- AEAF9D
- 919283
- 757669
- 5A5B51
- 41423A
- 292924
- 131310
- 030302
Sắc xám
- DFE1CB
- D4D5C3
- C9CABA
- BEBFB2
- B4B5A9
- A9AAA1
- 9F9F98
- 949590
- 8A8A88
Hòa sắc
Bổ túc +180°
- EAECD4
Blissful Serenity
- E9E6FE
≈ Cyber Lavender
Tương đồng -30° +30°
- EAECD4
Blissful Serenity
- F5E8D2
≈ Golden Mushroom
- DFEFDB
≈ Distant Landscape
Bộ ba +120° +240°
- EAECD4
Blissful Serenity
- D5EEFB
≈ Ice Castle
- FBE1EC
≈ Spun Sugar
Bổ túc chia +150° +210°
- EAECD4
Blissful Serenity
- DEEAFF
≈ Husky
- F4E3F7
≈ Minute Mauve
Bộ bốn +90° +180° +270°
- EAECD4
Blissful Serenity
- D2F0F2
≈ Windswept
- E9E6FE
≈ Cyber Lavender
- FEE2E0
≈ Lady Anne
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 {
--blissful-serenity: #eaecd4;
--blissful-serenity-rgb: 234 236 212;
--blissful-serenity-oklch: oklch(0.935 0.032 110.9);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(65 39% 88%);
border-color: oklch(0.935 0.032 110.9);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #eaecd4;
--color-blissful-serenity-50: #f5f6ec;
--color-blissful-serenity-100: #e8e9dd;
--color-blissful-serenity-200: #d4d6c7;
--color-blissful-serenity-300: #b7b9a7;
--color-blissful-serenity-400: #9fa08b;
--color-blissful-serenity-500: #878870;
--color-blissful-serenity-600: #72735f;
--color-blissful-serenity-700: #5b5c4c;
--color-blissful-serenity-800: #434337;
--color-blissful-serenity-900: #2e2f25;
--color-blissful-serenity-950: #1b1b14;
}SCSS
$blissful-serenity: #eaecd4;
$blissful-serenity-rgb: 234, 236, 212;
$blissful-serenity-light: mix(#fff, $blissful-serenity, 20%);
$blissful-serenity-dark: mix(#000, $blissful-serenity, 20%);
.element {
color: $blissful-serenity;
box-shadow: 0 0 0 2px rgba($blissful-serenity, 0.35);
}