Màu có tên gần nhất · #EADCEA
#EADCEA
Màu có tên gần nhất: Pink Champagne
#EADCEA (rgb(234 220 234), hsl(300 25% 89%), oklch(0.91 0.024 325.8)) gần nhất với màu có tên Pink Champagne. 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.
#EADCEA
oklch(0.91 0.024 325.8)
Chuyển đổi màu
- HEX
- #eadcea
- RGB
- rgb(234 220 234)
- HSL
- hsl(300 25% 89%)
- HWB
- hwb(300 86% 8%)
- OKLCH
- oklch(0.91 0.024 325.8)
- OKLab
- oklab(0.91 0.02 -0.014)
- CIE Lab
- lab(89.21 6.79 -5.06)
- LCH
- lch(89.21 8.46 323.3)
- CMYK
- cmyk(0% 6% 0% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECDFEC
- EEE3EE
- F0E6F0
- F2EAF2
- F5EDF4
- F7F1F7
- F9F4F9
- FBF8FB
- FDFBFD
Sắc đậm
- CBBFCB
- AEA3AE
- 918891
- 756E75
- 5A545A
- 413C41
- 292629
- 131113
- 030203
Sắc xám
- DFD2DF
- D4C9D4
- C9BFC9
- BEB6BE
- B4ADB4
- A9A4A9
- 9F9B9F
- 949294
- 8A898A
Hòa sắc
Bổ túc +180°
- EADCEA
Pink Champagne
- D8E6D8
≈ Whispering Frost
Tương đồng -30° +30°
- EADCEA
Pink Champagne
- E2DEF0
≈ Lingering Lilac
- EFDBE2
≈ Pink Posies
Bộ ba +120° +240°
- EADCEA
Pink Champagne
- E8E0D0
≈ Sedona
- D0E6E9
≈ Blue Phlox
Bổ túc chia +150° +210°
- EADCEA
Pink Champagne
- E0E3D2
≈ Pale Green Tea
- D2E7E0
≈ Aqua Glass
Bộ bốn +90° +180° +270°
- EADCEA
Pink Champagne
- EEDED2
≈ Nearly Peach
- D8E6D8
≈ Whispering Frost
- D3E4EF
≈ Mystic Harbour
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.31:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.92:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--pink-champagne: #eadcea;
--pink-champagne-rgb: 234 220 234;
--pink-champagne-oklch: oklch(0.91 0.024 325.8);
}
.element {
color: var(--pink-champagne);
background-color: hsl(300 25% 89%);
border-color: oklch(0.91 0.024 325.8);
}Tailwind CSS v4
@theme {
--color-pink-champagne: #eadcea;
--color-pink-champagne-50: #f9f3f9;
--color-pink-champagne-100: #ece5ec;
--color-pink-champagne-200: #dad1d9;
--color-pink-champagne-300: #beb3be;
--color-pink-champagne-400: #a69aa6;
--color-pink-champagne-500: #8f818f;
--color-pink-champagne-600: #796d79;
--color-pink-champagne-700: #615761;
--color-pink-champagne-800: #474047;
--color-pink-champagne-900: #312c31;
--color-pink-champagne-950: #1d191d;
}SCSS
$pink-champagne: #eadcea;
$pink-champagne-rgb: 234, 220, 234;
$pink-champagne-light: mix(#fff, $pink-champagne, 20%);
$pink-champagne-dark: mix(#000, $pink-champagne, 20%);
.element {
color: $pink-champagne;
box-shadow: 0 0 0 2px rgba($pink-champagne, 0.35);
}