Màu có tên gần nhất · #E2A890
#E2A890
Màu có tên gần nhất: Apricotta
#E2A890 (rgb(226 168 144), hsl(18 59% 73%), oklch(0.78 0.077 43.5)) gần nhất với màu có tên Apricotta. 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.
#E2A890
oklch(0.78 0.077 43.5)
Chuyển đổi màu
- HEX
- #e2a890
- RGB
- rgb(226 168 144)
- HSL
- hsl(18 59% 73%)
- HWB
- hwb(18 56% 11%)
- OKLCH
- oklch(0.78 0.077 43.5)
- OKLab
- oklab(0.78 0.056 0.053)
- CIE Lab
- lab(73.99 19.72 21.22)
- LCH
- lch(73.99 28.97 47.1)
- CMYK
- cmyk(0% 26% 36% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E5B19B
- E9B9A6
- ECC2B1
- EFCBBC
- F2D3C7
- F5DCD2
- F7E5DD
- FAEDE8
- FDF6F4
Sắc đậm
- C4927D
- A87C6A
- 8C6757
- 715245
- 573F34
- 3E2C24
- 271A15
- 120A07
- 030101
Sắc xám
- D8A48F
- CEA08D
- C49C8C
- BB988A
- B19489
- A79087
- 9D8C85
- 938884
- 8A8482
Hòa sắc
Bổ túc +180°
- E2A890
Apricotta
- 7FC3DB
≈ Blue Charm
Tương đồng -30° +30°
- E2A890
Apricotta
- E4A4A9
≈ Berry Riche
- D5B080
≈ Spiced Cashews
Bộ ba +120° +240°
- E2A890
Apricotta
- 89C7AA
≈ Aqua Eden
- B0B1E7
≈ Maximum Blue Purple
Bổ túc chia +150° +210°
- E2A890
Apricotta
- 7AC7C5
≈ Cyantific
- 95BBE8
≈ Blue Shutters
Bộ bốn +90° +180° +270°
- E2A890
Apricotta
- A4C290
≈ Cos
- 7FC3DB
≈ Blue Charm
- C9A9DA
≈ Perfume
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.23:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--apricotta: #e2a890;
--apricotta-rgb: 226 168 144;
--apricotta-oklch: oklch(0.78 0.077 43.5);
}
.element {
color: var(--apricotta);
background-color: hsl(18 59% 73%);
border-color: oklch(0.78 0.077 43.5);
}Tailwind CSS v4
@theme {
--color-apricotta: #e2a890;
--color-apricotta-50: #ffefe3;
--color-apricotta-100: #ffe1d3;
--color-apricotta-200: #f1cbba;
--color-apricotta-300: #daac97;
--color-apricotta-400: #c6907a;
--color-apricotta-500: #b1755c;
--color-apricotta-600: #96644f;
--color-apricotta-700: #784f3e;
--color-apricotta-800: #59392d;
--color-apricotta-900: #3e271f;
--color-apricotta-950: #27150e;
}SCSS
$apricotta: #e2a890;
$apricotta-rgb: 226, 168, 144;
$apricotta-light: mix(#fff, $apricotta, 20%);
$apricotta-dark: mix(#000, $apricotta, 20%);
.element {
color: $apricotta;
box-shadow: 0 0 0 2px rgba($apricotta, 0.35);
}