最接近的命名颜色 · #CFAD00
#CFAD00
最接近的命名颜色: Hot Sand
#CFAD00（rgb(207 173 0)、hsl(50 100% 41%)、oklch(0.755 0.155 94.7)）最接近命名颜色 Hot Sand。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CFAD00
oklch(0.755 0.155 94.7)
颜色转换
- HEX
- #cfad00
- RGB
- rgb(207 173 0)
- HSL
- hsl(50 100% 41%)
- HWB
- hwb(50 0% 19%)
- OKLCH
- oklch(0.755 0.155 94.7)
- OKLab
- oklab(0.755 -0.013 0.155)
- CIE Lab
- lab(72.12 3.06 73.77)
- LCH
- lch(72.12 73.83 87.6)
- CMYK
- cmyk(0% 16% 100% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- D4B63C
- D8BE59
- DDC671
- E2CF87
- E7D79C
- EBDFB1
- F0E7C4
- F5EFD8
- FAF7EC
深色调
- B49600
- 997F00
- 7F6A00
- 675500
- 4F4100
- 382D00
- 231B00
- 100B00
- 020100
灰色调
- C7A92B
- BFA43D
- B7A04B
- AF9C56
- A7975F
- 9F9367
- 978E6E
- 8F8A75
- 88857B
配色和谐
互补色 +180°
- CFAD00
Hot Sand
- 98A9FF
≈ Widowmaker
类似色 -30° +30°
- CFAD00
Hot Sand
- F2982E
≈ Nuclear Mango
- 9AC045
≈ Pesto Genovese
三角配色 +120° +240°
- CFAD00
Hot Sand
- 00C4E4
≈ Caribbean Blue
- EA87D7
≈ Blushed Bombshell
分裂互补色 +150° +210°
- CFAD00
Hot Sand
- 5DB8FF
≈ Hello Summer
- C694FE
≈ Liliac
四角配色 +90° +180° +270°
- CFAD00
Hot Sand
- 00CABA
≈ Pristine Oceanic
- 98A9FF
≈ Widowmaker
- FF82A3
≈ Rosa
对比度与无障碍
Ag
Fail白底
WCAG 2.18:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.63:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.63:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--hot-sand: #cfad00;
--hot-sand-rgb: 207 173 0;
--hot-sand-oklch: oklch(0.755 0.155 94.7);
}
.element {
color: var(--hot-sand);
background-color: hsl(50 100% 41%);
border-color: oklch(0.755 0.155 94.7);
}Tailwind CSS v4
@theme {
--color-hot-sand: #cfad00;
--color-hot-sand-50: #fff6c4;
--color-hot-sand-100: #f6e9ad;
--color-hot-sand-200: #e7d586;
--color-hot-sand-300: #ceb752;
--color-hot-sand-400: #bc9c00;
--color-hot-sand-500: #a78200;
--color-hot-sand-600: #8d6e00;
--color-hot-sand-700: #715800;
--color-hot-sand-800: #553f00;
--color-hot-sand-900: #3b2c00;
--color-hot-sand-950: #251900;
}SCSS
$hot-sand: #cfad00;
$hot-sand-rgb: 207, 173, 0;
$hot-sand-light: mix(#fff, $hot-sand, 20%);
$hot-sand-dark: mix(#000, $hot-sand, 20%);
.element {
color: $hot-sand;
box-shadow: 0 0 0 2px rgba($hot-sand, 0.35);
}