Màu có tên gần nhất · #EAAEB3
#EAAEB3
Màu có tên gần nhất: Deeply Embarrassed
#EAAEB3 (rgb(234 174 179), hsl(355 59% 80%), oklch(0.808 0.071 13.2)) gần nhất với màu có tên Deeply Embarrassed. 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.
#EAAEB3
oklch(0.808 0.071 13.2)
Chuyển đổi màu
- HEX
- #eaaeb3
- RGB
- rgb(234 174 179)
- HSL
- hsl(355 59% 80%)
- HWB
- hwb(355 68% 8%)
- OKLCH
- oklch(0.808 0.071 13.2)
- OKLab
- oklab(0.808 0.069 0.016)
- CIE Lab
- lab(76.91 23.11 6.49)
- LCH
- lch(76.91 24.01 15.7)
- CMYK
- cmyk(0% 26% 24% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDB6BA
- EFBEC2
- F1C6C9
- F4CED1
- F6D6D8
- F8DEE0
- FAE7E8
- FCEFEF
- FDF7F7
Sắc đậm
- CB979B
- AE8084
- 916A6E
- 755558
- 5A4143
- 412E2F
- 291C1D
- 130B0C
- 030101
Sắc xám
- DFA9AE
- D4A5A9
- CAA0A3
- BF9C9E
- B59799
- AA9294
- 9F8E8F
- 95898A
- 8A8585
Hòa sắc
Bổ túc +180°
- EAAEB3
Deeply Embarrassed
- 89CFCD
≈ Aaquatic Wonderland
Tương đồng -30° +30°
- EAAEB3
Deeply Embarrassed
- E2AFCC
≈ Roses in the Snow
- E8B29C
≈ Pretty in Peach
Bộ ba +120° +240°
- EAAEB3
Deeply Embarrassed
- AECB9C
≈ Desert Cactus
- A0C3ED
≈ Sky High
Bổ túc chia +150° +210°
- EAAEB3
Deeply Embarrassed
- 96CFB3
≈ Mint Ice Cream
- 8DCBE2
≈ Baby Motive
Bộ bốn +90° +180° +270°
- EAAEB3
Deeply Embarrassed
- C8C38E
≈ Yerba Mate
- 89CFCD
≈ Aaquatic Wonderland
- B9BBED
≈ Larkspur Bud
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.87:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.20:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--deeply-embarrassed: #eaaeb3;
--deeply-embarrassed-rgb: 234 174 179;
--deeply-embarrassed-oklch: oklch(0.808 0.071 13.2);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(355 59% 80%);
border-color: oklch(0.808 0.071 13.2);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #eaaeb3;
--color-deeply-embarrassed-50: #ffedee;
--color-deeply-embarrassed-100: #ffdfe0;
--color-deeply-embarrassed-200: #f1c9ca;
--color-deeply-embarrassed-300: #d9a9ac;
--color-deeply-embarrassed-400: #c48e92;
--color-deeply-embarrassed-500: #b07379;
--color-deeply-embarrassed-600: #956166;
--color-deeply-embarrassed-700: #774e52;
--color-deeply-embarrassed-800: #58383c;
--color-deeply-embarrassed-900: #3e2629;
--color-deeply-embarrassed-950: #271517;
}SCSS
$deeply-embarrassed: #eaaeb3;
$deeply-embarrassed-rgb: 234, 174, 179;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}