لون مسمّى · #F3C13A
Phellodendron Amurense
Phellodendron Amurense هو #F3C13A: rgb(243 193 58)، hsl(44 89% 59%)، oklch(0.834 0.153 87.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Phellodendron Amurense color name →
#F3C13A
oklch(0.834 0.153 87.2)
تحويلات الألوان
- HEX
- #f3c13a
- RGB
- rgb(243 193 58)
- HSL
- hsl(44 89% 59%)
- HWB
- hwb(44 23% 5%)
- OKLCH
- oklch(0.834 0.153 87.2)
- OKLab
- oklab(0.834 0.007 0.153)
- CIE Lab
- lab(80.98 9.4 70.09)
- LCH
- lch(80.98 70.71 82.4)
- CMYK
- cmyk(0% 21% 76% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F4C857
- F6CE6F
- F7D583
- F8DB97
- F9E1A9
- FBE7BB
- FCEDCC
- FDF3DD
- FEF9EE
درجات داكنة
- D3A731
- B48F28
- 977720
- 7A5F18
- 5E4910
- 443409
- 2B2004
- 140E01
- 030200
درجات رمادية
- E7BB49
- DBB454
- CFAE5D
- C4A765
- B8A16B
- AD9A70
- A19475
- 968D79
- 8B877D
تناسق الألوان
متمم +180°
- F3C13A
Phellodendron Amurense
- B1C8FF
≈ Night Snow
متجاور -30° +30°
- F3C13A
Phellodendron Amurense
- FFB680
≈ Go Go Mango
- C1D555
≈ Frog Prince
ثلاثي +120° +240°
- F3C13A
Phellodendron Amurense
- 00E2F8
≈ Cold Heights
- FDA3FC
≈ Jigglypuff
متمم منقسم +150° +210°
- F3C13A
Phellodendron Amurense
- 8BD2FF
≈ Long Island Sound
- CFBCFF
≈ Lavender Tonic
رباعي +90° +180° +270°
- F3C13A
Phellodendron Amurense
- 0AE8C7
≈ Fake Jade
- B1C8FF
≈ Night Snow
- FFADC9
≈ Heartfelt
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.67:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.50:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--phellodendron-amurense: #f3c13a;
--phellodendron-amurense-rgb: 243 193 58;
--phellodendron-amurense-oklch: oklch(0.834 0.153 87.2);
}
.element {
color: var(--phellodendron-amurense);
background-color: hsl(44 89% 59%);
border-color: oklch(0.834 0.153 87.2);
}Tailwind CSS v4
@theme {
--color-phellodendron-amurense: #f3c13a;
--color-phellodendron-amurense-50: #fff4c4;
--color-phellodendron-amurense-100: #fce6ad;
--color-phellodendron-amurense-200: #eed186;
--color-phellodendron-amurense-300: #d7b352;
--color-phellodendron-amurense-400: #c59700;
--color-phellodendron-amurense-500: #b17c00;
--color-phellodendron-amurense-600: #966900;
--color-phellodendron-amurense-700: #785400;
--color-phellodendron-amurense-800: #5a3c00;
--color-phellodendron-amurense-900: #3f2a00;
--color-phellodendron-amurense-950: #281700;
}SCSS
$phellodendron-amurense: #f3c13a;
$phellodendron-amurense-rgb: 243, 193, 58;
$phellodendron-amurense-light: mix(#fff, $phellodendron-amurense, 20%);
$phellodendron-amurense-dark: mix(#000, $phellodendron-amurense, 20%);
.element {
color: $phellodendron-amurense;
box-shadow: 0 0 0 2px rgba($phellodendron-amurense, 0.35);
}