最接近的命名颜色 · #C27500
#C27500
最接近的命名颜色: Caramel Coating
#C27500（rgb(194 117 0)、hsl(36 100% 38%)、oklch(0.632 0.141 65.8)）最接近命名颜色 Caramel Coating。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C27500
oklch(0.632 0.141 65.8)
颜色转换
- HEX
- #c27500
- RGB
- rgb(194 117 0)
- HSL
- hsl(36 100% 38%)
- HWB
- hwb(36 0% 24%)
- OKLCH
- oklch(0.632 0.141 65.8)
- OKLab
- oklab(0.632 0.058 0.128)
- CIE Lab
- lab(56.84 26.26 63.41)
- LCH
- lch(56.84 68.63 67.5)
- CMYK
- cmyk(0% 40% 100% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C98333
- D0914E
- D69F66
- DDAD7D
- E3BA93
- E9C8A8
- EFD6BE
- F4E3D4
- FAF1E9
深色调
- A86500
- 8F5500
- 774600
- 603700
- 492900
- 341C00
- 200F00
- 0E0500
- 020100
灰色调
- BC7723
- B67935
- AF7A42
- A97B4D
- A27C57
- 9C7D60
- 957E69
- 8E7F71
- 878078
配色和谐
互补色 +180°
- C27500
Caramel Coating
- 2E90D9
≈ Magical Merlin
类似色 -30° +30°
- C27500
Caramel Coating
- D0664A
≈ Citrus Notes
- A28800
≈ Golden Palm
三角配色 +120° +240°
- C27500
Caramel Coating
- 009F93
≈ Alhambra
- 9F71CD
≈ Rich Lavender
分裂互补色 +150° +210°
- C27500
Caramel Coating
- 009AB5
≈ Barrier Reef
- 7380DE
≈ Tanzine
四角配色 +90° +180° +270°
- C27500
Caramel Coating
- 27A264
≈ Biel-Tan Green
- 2E90D9
≈ Magical Merlin
- BD65AA
≈ Young Purple
对比度与无障碍
Ag
Fail白底
WCAG 3.59:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.83:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--caramel-coating: #c27500;
--caramel-coating-rgb: 194 117 0;
--caramel-coating-oklch: oklch(0.632 0.141 65.8);
}
.element {
color: var(--caramel-coating);
background-color: hsl(36 100% 38%);
border-color: oklch(0.632 0.141 65.8);
}Tailwind CSS v4
@theme {
--color-caramel-coating: #c27500;
--color-caramel-coating-50: #ffeecb;
--color-caramel-coating-100: #ffe0b6;
--color-caramel-coating-200: #fdc993;
--color-caramel-coating-300: #e7a964;
--color-caramel-coating-400: #d68b35;
--color-caramel-coating-500: #c36e00;
--color-caramel-coating-600: #a55e00;
--color-caramel-coating-700: #844b00;
--color-caramel-coating-800: #633500;
--color-caramel-coating-900: #462500;
--color-caramel-coating-950: #2d1300;
}SCSS
$caramel-coating: #c27500;
$caramel-coating-rgb: 194, 117, 0;
$caramel-coating-light: mix(#fff, $caramel-coating, 20%);
$caramel-coating-dark: mix(#000, $caramel-coating, 20%);
.element {
color: $caramel-coating;
box-shadow: 0 0 0 2px rgba($caramel-coating, 0.35);
}