最接近的命名颜色 · #CFAD56
#CFAD56
最接近的命名颜色: Solar Relic
#CFAD56（rgb(207 173 86)、hsl(43 56% 57%)、oklch(0.76 0.113 88.2)）最接近命名颜色 Solar Relic。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CFAD56
oklch(0.76 0.113 88.2)
颜色转换
- HEX
- #cfad56
- RGB
- rgb(207 173 86)
- HSL
- hsl(43 56% 57%)
- HWB
- hwb(43 34% 19%)
- OKLCH
- oklch(0.76 0.113 88.2)
- OKLab
- oklab(0.76 0.004 0.113)
- CIE Lab
- lab(72.5 5.32 48.67)
- LCH
- lch(72.5 48.96 83.8)
- CMYK
- cmyk(0% 16% 58% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- D4B569
- D9BE7B
- DDC68C
- E2CE9D
- E7D6AE
- ECDEBE
- F1E7CE
- F5EFDE
- FAF7EF
深色调
- B4964A
- 997F3E
- 7F6A32
- 675527
- 4F411C
- 382D12
- 231B08
- 100B02
- 020100
灰色调
- C7A95D
- BFA462
- B7A067
- AF9B6C
- A79770
- 9F9274
- 978E77
- 8F897B
- 88857D
配色和谐
互补色 +180°
- CFAD56
Solar Relic
- 93AEFA
≈ Kitten’s Eye
类似色 -30° +30°
- CFAD56
Solar Relic
- E79F66
≈ Florida Mango
- AABB65
≈ Beach Bag
三角配色 +120° +240°
- CFAD56
Solar Relic
- 42C5D7
≈ Sea Serpent
- D997D6
≈ Velvet Horizon
分裂互补色 +150° +210°
- CFAD56
Solar Relic
- 66BBF1
≈ Norfolk Sky
- BAA1F0
≈ Lavender Cream
四角配色 +90° +180° +270°
- CFAD56
Solar Relic
- 50C9B1
≈ Kauai
- 93AEFA
≈ Kitten’s Eye
- EB92B1
≈ Illusion
对比度与无障碍
Ag
Fail白底
WCAG 2.15:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.76:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--solar-relic: #cfad56;
--solar-relic-rgb: 207 173 86;
--solar-relic-oklch: oklch(0.76 0.113 88.2);
}
.element {
color: var(--solar-relic);
background-color: hsl(43 56% 57%);
border-color: oklch(0.76 0.113 88.2);
}Tailwind CSS v4
@theme {
--color-solar-relic: #cfad56;
--color-solar-relic-50: #fff5d1;
--color-solar-relic-100: #f6e7bd;
--color-solar-relic-200: #e7d39d;
--color-solar-relic-300: #ceb572;
--color-solar-relic-400: #ba9a49;
--color-solar-relic-500: #a5810a;
--color-solar-relic-600: #8c6d10;
--color-solar-relic-700: #70570e;
--color-solar-relic-800: #543f07;
--color-solar-relic-900: #3a2b05;
--color-solar-relic-950: #241800;
}SCSS
$solar-relic: #cfad56;
$solar-relic-rgb: 207, 173, 86;
$solar-relic-light: mix(#fff, $solar-relic, 20%);
$solar-relic-dark: mix(#000, $solar-relic, 20%);
.element {
color: $solar-relic;
box-shadow: 0 0 0 2px rgba($solar-relic, 0.35);
}