لون مسمّى · #F3CA6C
Golden Lion
Golden Lion هو #F3CA6C: rgb(243 202 108)، hsl(42 85% 69%)، oklch(0.856 0.122 86.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Golden Lion color name →
#F3CA6C
oklch(0.856 0.122 86.1)
تحويلات الألوان
- HEX
- #f3ca6c
- RGB
- rgb(243 202 108)
- HSL
- hsl(42 85% 69%)
- HWB
- hwb(42 42% 5%)
- OKLCH
- oklch(0.856 0.122 86.1)
- OKLab
- oklab(0.856 0.008 0.122)
- CIE Lab
- lab(83.54 7.02 51.92)
- LCH
- lch(83.54 52.4 82.3)
- CMYK
- cmyk(0% 17% 56% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F4D07D
- F6D58D
- F7DA9C
- F8E0AB
- F9E5B9
- FBEAC8
- FCF0D6
- FDF5E3
- FEFAF1
درجات داكنة
- D3AF5D
- B4954E
- 977C40
- 7A6432
- 5E4D25
- 443719
- 2B220D
- 140F04
- 030200
درجات رمادية
- E7C370
- DBBB74
- CFB477
- C4AC79
- B8A57B
- AD9E7D
- A1967E
- 968F7F
- 8B8780
تناسق الألوان
متمم +180°
- F3CA6C
Golden Lion
- BACFFF
≈ Ice Cold Stare
متجاور -30° +30°
- F3CA6C
Golden Lion
- FFC095
≈ Wispy White
- CBDA7A
≈ Goody Gumdrop
ثلاثي +120° +240°
- F3CA6C
Golden Lion
- 58E6F7
≈ Shimmering Expanse Cyan
- F9B3FA
≈ Strawberry Buttercream
متمم منقسم +150° +210°
- F3CA6C
Golden Lion
- 9BD9FF
≈ Shiva Blue
- D4C5FF
≈ Innocent Snowdrop
رباعي +90° +180° +270°
- F3CA6C
Golden Lion
- 69EACD
≈ Turquoise Chalk
- BACFFF
≈ Ice Cold Stare
- FFB8D1
≈ Baby Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.55:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.47:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--golden-lion: #f3ca6c;
--golden-lion-rgb: 243 202 108;
--golden-lion-oklch: oklch(0.856 0.122 86.1);
}
.element {
color: var(--golden-lion);
background-color: hsl(42 85% 69%);
border-color: oklch(0.856 0.122 86.1);
}Tailwind CSS v4
@theme {
--color-golden-lion: #f3ca6c;
--color-golden-lion-50: #fff4ce;
--color-golden-lion-100: #f9e6ba;
--color-golden-lion-200: #ead298;
--color-golden-lion-300: #d1b46c;
--color-golden-lion-400: #be993f;
--color-golden-lion-500: #aa7f00;
--color-golden-lion-600: #8f6b00;
--color-golden-lion-700: #735600;
--color-golden-lion-800: #563e00;
--color-golden-lion-900: #3c2b01;
--color-golden-lion-950: #261800;
}SCSS
$golden-lion: #f3ca6c;
$golden-lion-rgb: 243, 202, 108;
$golden-lion-light: mix(#fff, $golden-lion, 20%);
$golden-lion-dark: mix(#000, $golden-lion, 20%);
.element {
color: $golden-lion;
box-shadow: 0 0 0 2px rgba($golden-lion, 0.35);
}