لون مسمّى · #FF7300
Philippine Orange
Philippine Orange هو #FF7300: rgb(255 115 0)، hsl(27 100% 50%)، oklch(0.713 0.195 47.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Philippine Orange color name →
#FF7300
oklch(0.713 0.195 47.9)
تحويلات الألوان
- HEX
- #ff7300
- RGB
- rgb(255 115 0)
- HSL
- hsl(27 100% 50%)
- HWB
- hwb(27 0% 0%)
- OKLCH
- oklch(0.713 0.195 47.9)
- OKLab
- oklab(0.713 0.13 0.144)
- CIE Lab
- lab(65.39 51.44 73.65)
- LCH
- lch(65.39 89.84 55.1)
- CMYK
- cmyk(0% 55% 100% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FF8338
- FF9255
- FFA16D
- FFAF83
- FFBD98
- FFCAAD
- FFD8C2
- FFE5D6
- FFF2EB
درجات داكنة
- DE6300
- BE5400
- 9E4500
- 803600
- 632800
- 481B00
- 2E0F00
- 160500
- 030100
درجات رمادية
- F37628
- E7793A
- DB7B47
- CE7D52
- C27E5B
- B57F64
- A8806C
- 9B8073
- 8E807A
تناسق الألوان
متمم +180°
- FF7300
Philippine Orange
- 00B2E6
≈ Blue Atoll
متجاور -30° +30°
- FF7300
Philippine Orange
- FF6A77
≈ Kisses and Hugs
- D59500
≈ Bonfire Glow
ثلاثي +120° +240°
- FF7300
Philippine Orange
- 00BE91
≈ Blarney
- 9F90FF
≈ Cobalite
متمم منقسم +150° +210°
- FF7300
Philippine Orange
- 00B9BD
≈ Caicos Turquoise
- 64A3FF
≈ Âbi Blue
رباعي +90° +180° +270°
- FF7300
Philippine Orange
- 5DBD32
≈ Exit Light
- 00B2E6
≈ Blue Atoll
- D375F0
≈ Fake Love
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.72:1 · APCA Lc 52
Ag
AAAعلى الأسود
WCAG 7.70:1 · APCA Lc 50
أفضل لون للنص: #000000
WCAG 7.70:1 (AAA) · APCA Lc 50
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--philippine-orange: #ff7300;
--philippine-orange-rgb: 255 115 0;
--philippine-orange-oklch: oklch(0.713 0.195 47.9);
}
.element {
color: var(--philippine-orange);
background-color: hsl(27 100% 50%);
border-color: oklch(0.713 0.195 47.9);
}Tailwind CSS v4
@theme {
--color-philippine-orange: #ff7300;
--color-philippine-orange-50: #ffe6c4;
--color-philippine-orange-100: #ffd5ae;
--color-philippine-orange-200: #ffbb87;
--color-philippine-orange-300: #ff9654;
--color-philippine-orange-400: #f67215;
--color-philippine-orange-500: #e54b00;
--color-philippine-orange-600: #c24100;
--color-philippine-orange-700: #9c3400;
--color-philippine-orange-800: #752300;
--color-philippine-orange-900: #531800;
--color-philippine-orange-950: #370700;
}SCSS
$philippine-orange: #ff7300;
$philippine-orange-rgb: 255, 115, 0;
$philippine-orange-light: mix(#fff, $philippine-orange, 20%);
$philippine-orange-dark: mix(#000, $philippine-orange, 20%);
.element {
color: $philippine-orange;
box-shadow: 0 0 0 2px rgba($philippine-orange, 0.35);
}