最接近的命名颜色 · #C3A900
#C3A900
最接近的命名颜色: Sulphur
#C3A900（rgb(195 169 0)、hsl(52 100% 38%)、oklch(0.735 0.152 98.1)）最接近命名颜色 Sulphur。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C3A900
oklch(0.735 0.152 98.1)
颜色转换
- HEX
- #c3a900
- RGB
- rgb(195 169 0)
- HSL
- hsl(52 100% 38%)
- HWB
- hwb(52 0% 24%)
- OKLCH
- oklch(0.735 0.152 98.1)
- OKLab
- oklab(0.735 -0.021 0.15)
- CIE Lab
- lab(69.88 -0.18 71.61)
- LCH
- lch(69.88 71.61 90.1)
- CMYK
- cmyk(0% 13% 100% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C9B23B
- CFBB58
- D4C370
- DACC86
- E0D59B
- E6DDAF
- ECE6C3
- F3EED7
- F9F7EB
深色调
- A99200
- 907C00
- 786700
- 605300
- 4A3F00
- 342C00
- 201B00
- 0E0A00
- 020100
灰色调
- BCA52A
- B5A13C
- AE9D4A
- A79954
- A1955E
- 9A9166
- 938D6D
- 8D8974
- 86847A
配色和谐
互补色 +180°
- C3A900
Sulphur
- 969FFF
≈ Cobalite
类似色 -30° +30°
- C3A900
Sulphur
- E79422
≈ Sanskrit
- 8DBB48
≈ Frog on a Log
三角配色 +120° +240°
- C3A900
Sulphur
- 00BCE0
≈ Maldives
- E681CA
≈ Blushed Bombshell
分裂互补色 +150° +210°
- C3A900
Sulphur
- 57AFFF
≈ Tiān Lán Sky
- C48DF2
≈ Liliac
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.33:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.99:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--sulphur: #c3a900;
--sulphur-rgb: 195 169 0;
--sulphur-oklch: oklch(0.735 0.152 98.1);
}
.element {
color: var(--sulphur);
background-color: hsl(52 100% 38%);
border-color: oklch(0.735 0.152 98.1);
}Tailwind CSS v4
@theme {
--color-sulphur: #c3a900;
--color-sulphur-50: #fff7c5;
--color-sulphur-100: #f3eaaf;
--color-sulphur-200: #e3d689;
--color-sulphur-300: #c9b956;
--color-sulphur-400: #b69e02;
--color-sulphur-500: #a28400;
--color-sulphur-600: #887000;
--color-sulphur-700: #6d5a00;
--color-sulphur-800: #524100;
--color-sulphur-900: #392d00;
--color-sulphur-950: #241900;
}SCSS
$sulphur: #c3a900;
$sulphur-rgb: 195, 169, 0;
$sulphur-light: mix(#fff, $sulphur, 20%);
$sulphur-dark: mix(#000, $sulphur, 20%);
.element {
color: $sulphur;
box-shadow: 0 0 0 2px rgba($sulphur, 0.35);
}