أقرب لون مسمّى · #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);
}