لون مسمّى · #FFCC77
Cheesus
Cheesus هو #FFCC77: rgb(255 204 119)، hsl(38 100% 73%)، oklch(0.873 0.118 79). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Cheesus color name →
#FFCC77
oklch(0.873 0.118 79)
تحويلات الألوان
- HEX
- #ffcc77
- RGB
- rgb(255 204 119)
- HSL
- hsl(38 100% 73%)
- HWB
- hwb(38 47% 0%)
- OKLCH
- oklch(0.873 0.118 79)
- OKLab
- oklab(0.873 0.023 0.116)
- CIE Lab
- lab(85.33 11.53 49.12)
- LCH
- lch(85.33 50.46 76.8)
- CMYK
- cmyk(0% 20% 53% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFD186
- FFD795
- FFDCA3
- FFE1B1
- FFE6BE
- FFEBCB
- FFF0D8
- FFF5E5
- FFFAF2
درجات داكنة
- DEB167
- BE9757
- 9E7E47
- 806538
- 634E2A
- 48371C
- 2E2210
- 160F05
- 030201
درجات رمادية
- F2C47A
- E5BD7C
- D8B57D
- CBAD7F
- BEA680
- B19E80
- A59781
- 988F81
- 8C8880
تناسق الألوان
متمم +180°
- FFCC77
Cheesus
- BDD7FF
≈ Oh Boy!
متجاور -30° +30°
- FFCC77
Cheesus
- FFC7AA
≈ Bright Citrus
- DBDC7D
≈ Carolina Parakeet
ثلاثي +120° +240°
- FFCC77
Cheesus
- 64EDF2
≈ Poseidon Jr.
- F2C1FF
≈ Light Lavender
متمم منقسم +150° +210°
- FFCC77
Cheesus
- 9EE0FF
≈ Columbia Blue
- D3CFFF
≈ Pale Lavender
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.48:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.15:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.15:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cheesus: #ffcc77;
--cheesus-rgb: 255 204 119;
--cheesus-oklch: oklch(0.873 0.118 79);
}
.element {
color: var(--cheesus);
background-color: hsl(38 100% 73%);
border-color: oklch(0.873 0.118 79);
}Tailwind CSS v4
@theme {
--color-cheesus: #ffcc77;
--color-cheesus-50: #fff2d0;
--color-cheesus-100: #fce5bc;
--color-cheesus-200: #eed09b;
--color-cheesus-300: #d6b16f;
--color-cheesus-400: #c49645;
--color-cheesus-500: #b07b00;
--color-cheesus-600: #946807;
--color-cheesus-700: #775308;
--color-cheesus-800: #593c04;
--color-cheesus-900: #3e2904;
--color-cheesus-950: #271700;
}SCSS
$cheesus: #ffcc77;
$cheesus-rgb: 255, 204, 119;
$cheesus-light: mix(#fff, $cheesus, 20%);
$cheesus-dark: mix(#000, $cheesus, 20%);
.element {
color: $cheesus;
box-shadow: 0 0 0 2px rgba($cheesus, 0.35);
}