Màu có tên gần nhất · #EAA79F
#EAA79F
Màu có tên gần nhất: Calabrese
#EAA79F (rgb(234 167 159), hsl(6 64% 77%), oklch(0.79 0.081 26.7)) gần nhất với màu có tên Calabrese. 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.
#EAA79F
oklch(0.79 0.081 26.7)
Chuyển đổi màu
- HEX
- #eaa79f
- RGB
- rgb(234 167 159)
- HSL
- hsl(6 64% 77%)
- HWB
- hwb(6 62% 8%)
- OKLCH
- oklch(0.79 0.081 26.7)
- OKLab
- oklab(0.79 0.072 0.036)
- CIE Lab
- lab(74.89 24.68 14.52)
- LCH
- lch(74.89 28.63 30.5)
- CMYK
- cmyk(0% 29% 32% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDB0A8
- EFB9B2
- F2C1BB
- F4CAC5
- F6D3CE
- F8DCD8
- FAE4E2
- FCEDEB
- FEF6F5
Sắc đậm
- CB918A
- AE7B75
- 916661
- 75524D
- 5A3E3B
- 412C29
- 291A18
- 130A09
- 030101
Sắc xám
- DFA39C
- D59F99
- CA9C96
- BF9893
- B59490
- AA908C
- A08C89
- 958886
- 8B8483
Hòa sắc
Bổ túc +180°
- EAA79F
Calabrese
- 79CAD4
≈ Valonia
Tương đồng -30° +30°
- EAA79F
Calabrese
- E6A5BB
≈ Fussy Pink
- E3AE88
≈ Ancient Inca
Bộ ba +120° +240°
- EAA79F
Calabrese
- 99C99C
≈ Kettle Drum
- A3BAEF
≈ Perano
Bổ túc chia +150° +210°
- EAA79F
Calabrese
- 80CCB9
≈ Bevelled Glass
- 88C3E8
≈ Wasurenagusa Blue
Bộ bốn +90° +180° +270°
- EAA79F
Calabrese
- B7C286
≈ Everglade Glen
- 79CAD4
≈ Valonia
- BFB0E9
≈ Purple Sand
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.99:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.52:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--calabrese: #eaa79f;
--calabrese-rgb: 234 167 159;
--calabrese-oklch: oklch(0.79 0.081 26.7);
}
.element {
color: var(--calabrese);
background-color: hsl(6 64% 77%);
border-color: oklch(0.79 0.081 26.7);
}Tailwind CSS v4
@theme {
--color-calabrese: #eaa79f;
--color-calabrese-50: #ffede8;
--color-calabrese-100: #ffded9;
--color-calabrese-200: #f5c8c1;
--color-calabrese-300: #dea8a0;
--color-calabrese-400: #ca8c85;
--color-calabrese-500: #b67169;
--color-calabrese-600: #996059;
--color-calabrese-700: #7b4c47;
--color-calabrese-800: #5b3734;
--color-calabrese-900: #402624;
--color-calabrese-950: #291413;
}SCSS
$calabrese: #eaa79f;
$calabrese-rgb: 234, 167, 159;
$calabrese-light: mix(#fff, $calabrese, 20%);
$calabrese-dark: mix(#000, $calabrese, 20%);
.element {
color: $calabrese;
box-shadow: 0 0 0 2px rgba($calabrese, 0.35);
}