最接近的命名颜色 · #CB6100
#CB6100
最接近的命名颜色: Cinnamon
#CB6100（rgb(203 97 0)、hsl(29 100% 40%)、oklch(0.611 0.159 51.2)）最接近命名颜色 Cinnamon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CB6100
oklch(0.611 0.159 51.2)
颜色转换
- HEX
- #cb6100
- RGB
- rgb(203 97 0)
- HSL
- hsl(29 100% 40%)
- HWB
- hwb(29 0% 20%)
- OKLCH
- oklch(0.611 0.159 51.2)
- OKLab
- oklab(0.611 0.1 0.124)
- CIE Lab
- lab(53.87 40.03 62.67)
- LCH
- lch(53.87 74.36 57.4)
- CMYK
- cmyk(0% 52% 100% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D27231
- D8824C
- DF9264
- E4A27B
- EAB191
- EFC1A7
- F3D0BD
- F8E0D3
- FCEFE9
深色调
- B05300
- 964600
- 7D3900
- 652D00
- 4D2100
- 371500
- 220B00
- 0F0300
- 020000
灰色调
- C46622
- BE6A33
- B76D40
- AF714B
- A87455
- A1775F
- 997967
- 917C70
- 897E78
配色和谐
互补色 +180°
- CB6100
Cinnamon
- 008FC0
≈ Blue to the Bone
类似色 -30° +30°
- CB6100
Cinnamon
- D25458
≈ Spiced Coral
- A97A00
≈ Bronze
三角配色 +120° +240°
- CB6100
Cinnamon
- 009A7A
≈ Cadaverous
- 866EDA
≈ Matt Purple
分裂互补色 +150° +210°
- CB6100
Cinnamon
- 00959D
≈ Peacock Feather
- 4A80E1
≈ Skies of Cyberspace
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 4.00:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.24:1 · APCA Lc 35
最佳文字颜色: #000000
WCAG 5.24:1 (AA) · APCA Lc 35
Contrast pairs
代码片段
CSS
:root {
--cinnamon: #cb6100;
--cinnamon-rgb: 203 97 0;
--cinnamon-oklch: oklch(0.611 0.159 51.2);
}
.element {
color: var(--cinnamon);
background-color: hsl(29 100% 40%);
border-color: oklch(0.611 0.159 51.2);
}Tailwind CSS v4
@theme {
--color-cinnamon: #cb6100;
--color-cinnamon-50: #ffeacb;
--color-cinnamon-100: #ffdab7;
--color-cinnamon-200: #ffc294;
--color-cinnamon-300: #f7a066;
--color-cinnamon-400: #e67f3a;
--color-cinnamon-500: #d45f00;
--color-cinnamon-600: #b35100;
--color-cinnamon-700: #904000;
--color-cinnamon-800: #6c2d00;
--color-cinnamon-900: #4c1f01;
--color-cinnamon-950: #320e00;
}SCSS
$cinnamon: #cb6100;
$cinnamon-rgb: 203, 97, 0;
$cinnamon-light: mix(#fff, $cinnamon, 20%);
$cinnamon-dark: mix(#000, $cinnamon, 20%);
.element {
color: $cinnamon;
box-shadow: 0 0 0 2px rgba($cinnamon, 0.35);
}