Màu có tên gần nhất · #E7A48F
#E7A48F
Màu có tên gần nhất: Shy Champagne Blush
#E7A48F (rgb(231 164 143), hsl(14 65% 73%), oklch(0.778 0.085 38.1)) gần nhất với màu có tên Shy Champagne Blush. 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.
#E7A48F
oklch(0.778 0.085 38.1)
Chuyển đổi màu
- HEX
- #e7a48f
- RGB
- rgb(231 164 143)
- HSL
- hsl(14 65% 73%)
- HWB
- hwb(14 56% 9%)
- OKLCH
- oklch(0.778 0.085 38.1)
- OKLab
- oklab(0.778 0.067 0.053)
- CIE Lab
- lab(73.58 23.62 21.33)
- LCH
- lch(73.58 31.83 42.1)
- CMYK
- cmyk(0% 29% 38% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EAAD9A
- EDB6A5
- F0BFB0
- F2C8BB
- F5D1C6
- F7DAD2
- F9E4DD
- FBEDE8
- FDF6F4
Sắc đậm
- C98E7C
- AB7969
- 8F6457
- 735045
- 593D34
- 402B24
- 281A15
- 130A07
- 030101
Sắc xám
- DDA18E
- D29D8C
- C89A8B
- BE968A
- B39288
- A98F87
- 9F8B85
- 958783
- 8A8482
Hòa sắc
Bổ túc +180°
- E7A48F
Shy Champagne Blush
- 74C4DB
≈ Thredbo
Tương đồng -30° +30°
- E7A48F
Shy Champagne Blush
- E7A0AC
≈ Sprinkled With Pink
- DBAD7B
≈ Caramel Drizzle
Bộ ba +120° +240°
- E7A48F
Shy Champagne Blush
- 87C8A2
≈ Foul Green
- AAB2ED
≈ Wondrous Wisteria
Bổ túc chia +150° +210°
- E7A48F
Shy Champagne Blush
- 71C9C1
≈ Turkish Teal
- 8BBCEB
≈ Electric Eel
Bộ bốn +90° +180° +270°
- E7A48F
Shy Champagne Blush
- A7C287
≈ Shrubbery
- 74C4DB
≈ Thredbo
- C6A8E1
≈ Perfume
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.07:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.10:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--shy-champagne-blush: #e7a48f;
--shy-champagne-blush-rgb: 231 164 143;
--shy-champagne-blush-oklch: oklch(0.778 0.085 38.1);
}
.element {
color: var(--shy-champagne-blush);
background-color: hsl(14 65% 73%);
border-color: oklch(0.778 0.085 38.1);
}Tailwind CSS v4
@theme {
--color-shy-champagne-blush: #e7a48f;
--color-shy-champagne-blush-50: #ffeee3;
--color-shy-champagne-blush-100: #ffdfd3;
--color-shy-champagne-blush-200: #f6c9b9;
--color-shy-champagne-blush-300: #dea997;
--color-shy-champagne-blush-400: #cb8d7a;
--color-shy-champagne-blush-500: #b7725c;
--color-shy-champagne-blush-600: #9a604e;
--color-shy-champagne-blush-700: #7c4d3e;
--color-shy-champagne-blush-800: #5c372d;
--color-shy-champagne-blush-900: #40261f;
--color-shy-champagne-blush-950: #29140e;
}SCSS
$shy-champagne-blush: #e7a48f;
$shy-champagne-blush-rgb: 231, 164, 143;
$shy-champagne-blush-light: mix(#fff, $shy-champagne-blush, 20%);
$shy-champagne-blush-dark: mix(#000, $shy-champagne-blush, 20%);
.element {
color: $shy-champagne-blush;
box-shadow: 0 0 0 2px rgba($shy-champagne-blush, 0.35);
}