Màu có tên gần nhất · #AA392A
#AA392A
Màu có tên gần nhất: Chocolate Chilli
#AA392A (rgb(170 57 42), hsl(7 60% 42%), oklch(0.506 0.151 30.5)) gần nhất với màu có tên Chocolate Chilli. 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.
#AA392A
oklch(0.506 0.151 30.5)
Chuyển đổi màu
- HEX
- #aa392a
- RGB
- rgb(170 57 42)
- HSL
- hsl(7 60% 42%)
- HWB
- hwb(7 16% 33%)
- OKLCH
- oklch(0.506 0.151 30.5)
- OKLab
- oklab(0.506 0.13 0.077)
- CIE Lab
- lab(41.24 46.42 35.44)
- LCH
- lch(41.24 58.4 37.4)
- CMYK
- cmyk(0% 66% 75% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B54F40
- BF6354
- C97769
- D28A7D
- DB9D92
- E3B1A7
- EBC4BD
- F2D8D3
- F9EBE9
Sắc đậm
- 933023
- 7D281C
- 681F16
- 531710
- 3F100A
- 2D0905
- 1B0402
- 0B0101
- 010000
Sắc xám
- A74334
- A44B3E
- A15347
- 9D5A4F
- 9A6157
- 956860
- 916E68
- 8C7470
- 867A78
Hòa sắc
Bổ túc +180°
- AA392A
Chocolate Chilli
- 007281
≈ Caribbean Dream
Tương đồng -30° +30°
- AA392A
Chocolate Chilli
- A53660
≈ Tree Peony
- 945200
≈ Mochaccino
Bộ ba +120° +240°
- AA392A
Chocolate Chilli
- 007A38
≈ Jordan Jazz
- 465BBA
≈ Chinese Bellflower
Bổ túc chia +150° +210°
- AA392A
Chocolate Chilli
- 007667
≈ Teal Waters
- 006CA1
≈ Jazz Blue
Bộ bốn +90° +180° +270°
- AA392A
Chocolate Chilli
- 5C6E00
≈ Over the Hills
- 007281
≈ Caribbean Dream
- 744BAC
≈ Studio
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.31:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.32:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--chocolate-chilli: #aa392a;
--chocolate-chilli-rgb: 170 57 42;
--chocolate-chilli-oklch: oklch(0.506 0.151 30.5);
}
.element {
color: var(--chocolate-chilli);
background-color: hsl(7 60% 42%);
border-color: oklch(0.506 0.151 30.5);
}Tailwind CSS v4
@theme {
--color-chocolate-chilli: #aa392a;
--color-chocolate-chilli-50: #ffe6da;
--color-chocolate-chilli-100: #ffd6c8;
--color-chocolate-chilli-200: #ffbdab;
--color-chocolate-chilli-300: #fb9a85;
--color-chocolate-chilli-400: #ea7966;
--color-chocolate-chilli-500: #d85744;
--color-chocolate-chilli-600: #b64a3b;
--color-chocolate-chilli-700: #923b2e;
--color-chocolate-chilli-800: #6d2a22;
--color-chocolate-chilli-900: #4d1c17;
--color-chocolate-chilli-950: #330b08;
}SCSS
$chocolate-chilli: #aa392a;
$chocolate-chilli-rgb: 170, 57, 42;
$chocolate-chilli-light: mix(#fff, $chocolate-chilli, 20%);
$chocolate-chilli-dark: mix(#000, $chocolate-chilli, 20%);
.element {
color: $chocolate-chilli;
box-shadow: 0 0 0 2px rgba($chocolate-chilli, 0.35);
}