لون مسمّى · #FFCE84
Equatorial
Equatorial هو #FFCE84: rgb(255 206 132)، hsl(36 100% 76%)، oklch(0.878 0.107 76.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Equatorial color name →
#FFCE84
oklch(0.878 0.107 76.9)
تحويلات الألوان
- HEX
- #ffce84
- RGB
- rgb(255 206 132)
- HSL
- hsl(36 100% 76%)
- HWB
- hwb(36 52% 0%)
- OKLCH
- oklch(0.878 0.107 76.9)
- OKLab
- oklab(0.878 0.024 0.104)
- CIE Lab
- lab(85.95 11.36 43.52)
- LCH
- lch(85.95 44.98 75.4)
- CMYK
- cmyk(0% 19% 48% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFD391
- FFD89E
- FFDDAB
- FFE2B7
- FFE7C4
- FFECD0
- FFF1DC
- FFF6E7
- FFFAF3
درجات داكنة
- DEB372
- BE9860
- 9E7F4F
- 80663F
- 634E2F
- 483820
- 2E2312
- 160F06
- 030201
درجات رمادية
- F2C685
- E5BE85
- D8B685
- CBAF85
- BEA785
- B19F84
- A59784
- 988F83
- 8C8881
تناسق الألوان
متمم +180°
- FFCE84
Equatorial
- BED9FF
≈ Broad Daylight
متجاور -30° +30°
- FFCE84
Equatorial
- FFCAB0
≈ Bleached Apricot
- DFDC87
≈ Garlic Toast
ثلاثي +120° +240°
- FFCE84
Equatorial
- 76EDEF
≈ Dead Sea
- F0C5FF
≈ Aquarelle Lilac
متمم منقسم +150° +210°
- FFCE84
Equatorial
- A0E2FF
≈ Ganon Blue
- D3D1FF
≈ Pale Lavender
رباعي +90° +180° +270°
- FFCE84
Equatorial
- 8DEEC8
≈ Nightly Aurora
- BED9FF
≈ Broad Daylight
- FFC2E1
≈ Sugarwinkle
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.45:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.41:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--equatorial: #ffce84;
--equatorial-rgb: 255 206 132;
--equatorial-oklch: oklch(0.878 0.107 76.9);
}
.element {
color: var(--equatorial);
background-color: hsl(36 100% 76%);
border-color: oklch(0.878 0.107 76.9);
}Tailwind CSS v4
@theme {
--color-equatorial: #ffce84;
--color-equatorial-50: #fff2d3;
--color-equatorial-100: #fce4c0;
--color-equatorial-200: #edd0a1;
--color-equatorial-300: #d5b178;
--color-equatorial-400: #c29651;
--color-equatorial-500: #ae7b22;
--color-equatorial-600: #93691f;
--color-equatorial-700: #765419;
--color-equatorial-800: #583c10;
--color-equatorial-900: #3d290a;
--color-equatorial-950: #271700;
}SCSS
$equatorial: #ffce84;
$equatorial-rgb: 255, 206, 132;
$equatorial-light: mix(#fff, $equatorial, 20%);
$equatorial-dark: mix(#000, $equatorial, 20%);
.element {
color: $equatorial;
box-shadow: 0 0 0 2px rgba($equatorial, 0.35);
}