لون مسمّى · #FF9933
Indian Saffron
Indian Saffron هو #FF9933: rgb(255 153 51)، hsl(30 100% 60%)، oklch(0.774 0.163 60.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Indian Saffron color name →
#FF9933
oklch(0.774 0.163 60.3)
تحويلات الألوان
- HEX
- #ff9933
- RGB
- rgb(255 153 51)
- HSL
- hsl(30 100% 60%)
- HWB
- hwb(30 20% 0%)
- OKLCH
- oklch(0.774 0.163 60.3)
- OKLab
- oklab(0.774 0.081 0.141)
- CIE Lab
- lab(73.08 34.05 66.34)
- LCH
- lch(73.08 74.57 62.8)
- CMYK
- cmyk(0% 40% 80% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFA450
- FFAF68
- FFB97D
- FFC490
- FFCEA3
- FFD8B6
- FFE2C8
- FFECDB
- FFF5ED
درجات داكنة
- DE842B
- BE7023
- 9E5D1C
- 804A14
- 63380D
- 482707
- 2E1703
- 160801
- 030100
درجات رمادية
- F29742
- E6954E
- D99357
- CC915F
- C08F66
- B38C6C
- A78972
- 9A8677
- 8D837C
تناسق الألوان
متمم +180°
- FF9933
Indian Saffron
- 5FBFFF
≈ Hello Summer
متجاور -30° +30°
- FF9933
Indian Saffron
- FF9381
≈ Orange Aura
- DCAF00
≈ Palomino Gold
ثلاثي +120° +240°
- FF9933
Indian Saffron
- 00D2B9
≈ Mint Leaf
- C3A0FF
≈ Diva
متمم منقسم +150° +210°
- FF9933
Indian Saffron
- 00CCE5
≈ Picnic Day Sky
- 99B2FF
≈ Widowmaker
رباعي +90° +180° +270°
- FF9933
Indian Saffron
- 5AD27C
≈ Spring Bouquet
- 5FBFFF
≈ Hello Summer
- EF8CE6
≈ Frail Fuchsia
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.13:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.85:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--indian-saffron: #ff9933;
--indian-saffron-rgb: 255 153 51;
--indian-saffron-oklch: oklch(0.774 0.163 60.3);
}
.element {
color: var(--indian-saffron);
background-color: hsl(30 100% 60%);
border-color: oklch(0.774 0.163 60.3);
}Tailwind CSS v4
@theme {
--color-indian-saffron: #ff9933;
--color-indian-saffron-50: #ffecc6;
--color-indian-saffron-100: #ffddb0;
--color-indian-saffron-200: #ffc58a;
--color-indian-saffron-300: #f2a359;
--color-indian-saffron-400: #e2841e;
--color-indian-saffron-500: #d06400;
--color-indian-saffron-600: #b05500;
--color-indian-saffron-700: #8d4400;
--color-indian-saffron-800: #6a3000;
--color-indian-saffron-900: #4b2100;
--color-indian-saffron-950: #310f00;
}SCSS
$indian-saffron: #ff9933;
$indian-saffron-rgb: 255, 153, 51;
$indian-saffron-light: mix(#fff, $indian-saffron, 20%);
$indian-saffron-dark: mix(#000, $indian-saffron, 20%);
.element {
color: $indian-saffron;
box-shadow: 0 0 0 2px rgba($indian-saffron, 0.35);
}