لون مسمّى · #C39E44
Golden Field
Golden Field هو #C39E44: rgb(195 158 68)، hsl(43 51% 52%)، oklch(0.716 0.116 86.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Golden Field color name →
#C39E44
oklch(0.716 0.116 86.6)
تحويلات الألوان
- HEX
- #c39e44
- RGB
- rgb(195 158 68)
- HSL
- hsl(43 51% 52%)
- HWB
- hwb(43 27% 24%)
- OKLCH
- oklch(0.716 0.116 86.6)
- OKLab
- oklab(0.716 0.007 0.116)
- CIE Lab
- lab(67.28 6.94 50.92)
- LCH
- lch(67.28 51.39 82.2)
- CMYK
- cmyk(0% 19% 65% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C9A85A
- CFB16E
- D5BB81
- DBC593
- E1CEA5
- E7D8B7
- EDE2C9
- F3ECDB
- F9F5ED
درجات داكنة
- A9893A
- 907430
- 786026
- 604D1D
- 4A3A14
- 34290C
- 201805
- 0E0902
- 020100
درجات رمادية
- BC9B4D
- B59855
- AF965C
- A89363
- A19069
- 9A8D6E
- 948A73
- 8D8678
- 87837C
تناسق الألوان
متمم +180°
- C39E44
Golden Field
- 82A1EC
≈ Blue Cue
متجاور -30° +30°
- C39E44
Golden Field
- DA8F57
≈ Persian Orange
- 9FAD53
≈ Sour Apple
ثلاثي +120° +240°
- C39E44
Golden Field
- 25B7C7
≈ Utopia Beckons
- C989CA
≈ Purception
متمم منقسم +150° +210°
- C39E44
Golden Field
- 52AEE2
≈ Thalassophile
- AA94E3
≈ Dreamy Candy Forest
رباعي +90° +180° +270°
- C39E44
Golden Field
- 3CBBA1
≈ First Post
- 82A1EC
≈ Blue Cue
- DD84A5
≈ Sweet Chrysanthemum
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.53:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.29:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--golden-field: #c39e44;
--golden-field-rgb: 195 158 68;
--golden-field-oklch: oklch(0.716 0.116 86.6);
}
.element {
color: var(--golden-field);
background-color: hsl(43 51% 52%);
border-color: oklch(0.716 0.116 86.6);
}Tailwind CSS v4
@theme {
--color-golden-field: #c39e44;
--color-golden-field-50: #fff4d0;
--color-golden-field-100: #f8e7bc;
--color-golden-field-200: #e9d29b;
--color-golden-field-300: #d0b570;
--color-golden-field-400: #bc9946;
--color-golden-field-500: #a88000;
--color-golden-field-600: #8e6c08;
--color-golden-field-700: #715608;
--color-golden-field-800: #553e04;
--color-golden-field-900: #3b2b04;
--color-golden-field-950: #251800;
}SCSS
$golden-field: #c39e44;
$golden-field-rgb: 195, 158, 68;
$golden-field-light: mix(#fff, $golden-field, 20%);
$golden-field-dark: mix(#000, $golden-field, 20%);
.element {
color: $golden-field;
box-shadow: 0 0 0 2px rgba($golden-field, 0.35);
}