Màu có tên gần nhất · #EAAB82
#EAAB82
Màu có tên gần nhất: Peach Taffy
#EAAB82 (rgb(234 171 130), hsl(24 71% 71%), oklch(0.791 0.092 54)) gần nhất với màu có tên Peach Taffy. 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.
#EAAB82
oklch(0.791 0.092 54)
Chuyển đổi màu
- HEX
- #eaab82
- RGB
- rgb(234 171 130)
- HSL
- hsl(24 71% 71%)
- HWB
- hwb(24 51% 8%)
- OKLCH
- oklch(0.791 0.092 54)
- OKLab
- oklab(0.791 0.054 0.075)
- CIE Lab
- lab(75.36 20.25 30.69)
- LCH
- lch(75.36 36.77 56.6)
- CMYK
- cmyk(0% 27% 44% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDB38F
- EFBC9B
- F2C4A8
- F4CDB4
- F6D5C0
- F8DDCD
- FAE6D9
- FCEEE6
- FDF7F2
Sắc đậm
- CB9470
- AE7E5F
- 91684E
- 75543E
- 5A402F
- 412D20
- 291B12
- 130B06
- 030101
Sắc xám
- DFA782
- D5A383
- CA9E83
- BF9A83
- B59682
- AA9282
- A08D82
- 958981
- 8B8481
Hòa sắc
Bổ túc +180°
- EAAB82
Peach Taffy
- 7DC5ED
≈ Spritzig
Tương đồng -30° +30°
- EAAB82
Peach Taffy
- F1A49E
≈ Modestly Peach
- D7B674
≈ Sinking Sand
Bộ ba +120° +240°
- EAAB82
Peach Taffy
- 77CFB6
≈ Seafoam Blue
- BEB0F1
≈ Purple Sand
Bổ túc chia +150° +210°
- EAAB82
Peach Taffy
- 6BCCD6
≈ Beach Sparkle
- 9DBBF7
≈ Truesky Gloxym
Bộ bốn +90° +180° +270°
- EAAB82
Peach Taffy
- 97CB95
≈ Kettle Drum
- 7DC5ED
≈ Spritzig
- D9A7DD
≈ Barely Bloomed
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.97:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.64:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--peach-taffy: #eaab82;
--peach-taffy-rgb: 234 171 130;
--peach-taffy-oklch: oklch(0.791 0.092 54);
}
.element {
color: var(--peach-taffy);
background-color: hsl(24 71% 71%);
border-color: oklch(0.791 0.092 54);
}Tailwind CSS v4
@theme {
--color-peach-taffy: #eaab82;
--color-peach-taffy-50: #ffefdc;
--color-peach-taffy-100: #ffe1cb;
--color-peach-taffy-200: #f4cbaf;
--color-peach-taffy-300: #ddac8a;
--color-peach-taffy-400: #ca906a;
--color-peach-taffy-500: #b57448;
--color-peach-taffy-600: #99633e;
--color-peach-taffy-700: #7b4f31;
--color-peach-taffy-800: #5c3923;
--color-peach-taffy-900: #402717;
--color-peach-taffy-950: #291508;
}SCSS
$peach-taffy: #eaab82;
$peach-taffy-rgb: 234, 171, 130;
$peach-taffy-light: mix(#fff, $peach-taffy, 20%);
$peach-taffy-dark: mix(#000, $peach-taffy, 20%);
.element {
color: $peach-taffy;
box-shadow: 0 0 0 2px rgba($peach-taffy, 0.35);
}