Màu có tên gần nhất · #E0A7A3
#E0A7A3
Màu có tên gần nhất: Pastel Pink
#E0A7A3 (rgb(224 167 163), hsl(4 50% 76%), oklch(0.78 0.068 23.3)) gần nhất với màu có tên Pastel Pink. 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.
#E0A7A3
oklch(0.78 0.068 23.3)
Chuyển đổi màu
- HEX
- #e0a7a3
- RGB
- rgb(224 167 163)
- HSL
- hsl(4 50% 76%)
- HWB
- hwb(4 64% 12%)
- OKLCH
- oklch(0.78 0.068 23.3)
- OKLab
- oklab(0.78 0.062 0.027)
- CIE Lab
- lab(73.87 21.22 10.73)
- LCH
- lch(73.87 23.78 26.8)
- CMYK
- cmyk(0% 25% 27% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E4B0AC
- E7B8B5
- EAC1BE
- EECAC7
- F1D3D0
- F4DBD9
- F7E4E3
- FAEDEC
- FCF6F6
Sắc đậm
- C3918D
- A67B78
- 8A6663
- 70524F
- 563E3C
- 3E2C2A
- 271A19
- 120A0A
- 020101
Sắc xám
- D6A39F
- CD9F9C
- C39B98
- B99895
- B09491
- A6908E
- 9D8C8A
- 938887
- 8A8483
Hòa sắc
Bổ túc +180°
- E0A7A3
Pastel Pink
- 82C5CB
≈ Angel Blue
Tương đồng -30° +30°
- E0A7A3
Pastel Pink
- DBA6BB
≈ Pink Gin
- DBAC8F
≈ Salmon Sand
Bộ ba +120° +240°
- E0A7A3
Pastel Pink
- 9EC39C
≈ Spruce Stone
- A1B8E4
≈ Sky Blue
Bổ túc chia +150° +210°
- E0A7A3
Pastel Pink
- 8AC6B4
≈ Aquastone
- 8CC0DC
≈ Sky Babe
Bộ bốn +90° +180° +270°
- E0A7A3
Pastel Pink
- B7BD8B
≈ Aloe Plant
- 82C5CB
≈ Angel Blue
- B9B0E0
≈ Purple Hibiscus
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.05:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.22:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--pastel-pink: #e0a7a3;
--pastel-pink-rgb: 224 167 163;
--pastel-pink-oklch: oklch(0.78 0.068 23.3);
}
.element {
color: var(--pastel-pink);
background-color: hsl(4 50% 76%);
border-color: oklch(0.78 0.068 23.3);
}Tailwind CSS v4
@theme {
--color-pastel-pink: #e0a7a3;
--color-pastel-pink-50: #ffeeeb;
--color-pastel-pink-100: #fee0dc;
--color-pastel-pink-200: #f0cac6;
--color-pastel-pink-300: #d8aba6;
--color-pastel-pink-400: #c48f8b;
--color-pastel-pink-500: #af7471;
--color-pastel-pink-600: #946360;
--color-pastel-pink-700: #774f4c;
--color-pastel-pink-800: #583938;
--color-pastel-pink-900: #3d2726;
--color-pastel-pink-950: #271515;
}SCSS
$pastel-pink: #e0a7a3;
$pastel-pink-rgb: 224, 167, 163;
$pastel-pink-light: mix(#fff, $pastel-pink, 20%);
$pastel-pink-dark: mix(#000, $pastel-pink, 20%);
.element {
color: $pastel-pink;
box-shadow: 0 0 0 2px rgba($pastel-pink, 0.35);
}