最接近的命名颜色 · #BB5736
#BB5736
最接近的命名颜色: Hot Chilli
#BB5736（rgb(187 87 54)、hsl(15 55% 47%)、oklch(0.575 0.138 38.6)）最接近命名颜色 Hot Chilli。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BB5736
oklch(0.575 0.138 38.6)
颜色转换
- HEX
- #bb5736
- RGB
- rgb(187 87 54)
- HSL
- hsl(15 55% 47%)
- HWB
- hwb(15 21% 27%)
- OKLCH
- oklch(0.575 0.138 38.6)
- OKLab
- oklab(0.575 0.108 0.086)
- CIE Lab
- lab(49.63 39.57 38.74)
- LCH
- lch(49.63 55.38 44.4)
- CMYK
- cmyk(0% 53% 71% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C3684B
- CC795F
- D38A72
- DB9B86
- E2AB9A
- E8BCAE
- EECCC2
- F4DDD6
- FAEEEA
深色调
- A24B2E
- 8A3E25
- 73331E
- 5C2716
- 461C0F
- 321208
- 1F0803
- 0D0301
- 020000
灰色调
- B65C3F
- B16148
- AC6650
- A66A57
- A16E5E
- 9B7265
- 95766C
- 8E7973
- 877D79
配色和谐
互补色 +180°
- BB5736
Hot Chilli
- 0087A2
≈ Gogo Blue
类似色 -30° +30°
- BB5736
Hot Chilli
- BA5168
≈ Tulip Red
- A86900
≈ Butter Fudge
三角配色 +120° +240°
- BB5736
Hot Chilli
- 00905B
≈ Emerald Isle
- 686EC8
≈ C64 Purple
分裂互补色 +150° +210°
- BB5736
Hot Chilli
- 008B84
≈ Clear Turquoise
- 267DC6
≈ Skylla
四角配色 +90° +180° +270°
- BB5736
Hot Chilli
- 60881E
≈ Weeping Fig
- 0087A2
≈ Gogo Blue
- 905FB6
≈ Lusty Lavender
对比度与无障碍
Ag
AA白底
WCAG 4.63:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.52:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--hot-chilli: #bb5736;
--hot-chilli-rgb: 187 87 54;
--hot-chilli-oklch: oklch(0.575 0.138 38.6);
}
.element {
color: var(--hot-chilli);
background-color: hsl(15 55% 47%);
border-color: oklch(0.575 0.138 38.6);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #bb5736;
--color-hot-chilli-50: #ffe9d8;
--color-hot-chilli-100: #ffd9c5;
--color-hot-chilli-200: #ffc1a7;
--color-hot-chilli-300: #f49f80;
--color-hot-chilli-400: #e37f5f;
--color-hot-chilli-500: #d0603b;
--color-hot-chilli-600: #b05233;
--color-hot-chilli-700: #8d4128;
--color-hot-chilli-800: #692e1d;
--color-hot-chilli-900: #4a1f13;
--color-hot-chilli-950: #300e05;
}SCSS
$hot-chilli: #bb5736;
$hot-chilli-rgb: 187, 87, 54;
$hot-chilli-light: mix(#fff, $hot-chilli, 20%);
$hot-chilli-dark: mix(#000, $hot-chilli, 20%);
.element {
color: $hot-chilli;
box-shadow: 0 0 0 2px rgba($hot-chilli, 0.35);
}