لون مسمّى · #EBCFAA
Sheriff
Sheriff هو #EBCFAA: rgb(235 207 170)، hsl(34 62% 79%)، oklch(0.869 0.058 74.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Sheriff color name →
#EBCFAA
oklch(0.869 0.058 74.6)
تحويلات الألوان
- HEX
- #ebcfaa
- RGB
- rgb(235 207 170)
- HSL
- hsl(34 62% 79%)
- HWB
- hwb(34 67% 8%)
- OKLCH
- oklch(0.869 0.058 74.6)
- OKLab
- oklab(0.869 0.015 0.056)
- CIE Lab
- lab(84.82 6.1 22.25)
- LCH
- lch(84.82 23.07 74.7)
- CMYK
- cmyk(0% 12% 28% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EDD4B3
- EFD9BB
- F1DDC4
- F3E2CC
- F5E7D4
- F7ECDD
- F9F1E5
- FBF5EE
- FDFAF6
درجات داكنة
- CCB493
- AE997D
- 917F68
- 756753
- 5B4F3F
- 41382D
- 29231B
- 13100B
- 030201
درجات رمادية
- E0C7A6
- D5BFA2
- CAB79E
- BFAF9A
- B4A795
- AA9F91
- 9F978D
- 958F89
- 8A8884
تناسق الألوان
متمم +180°
- EBCFAA
Sheriff
- BAD6FA
≈ Oh Boy!
متجاور -30° +30°
- EBCFAA
Sheriff
- F6C9B5
≈ Bellini
- D9D7AB
≈ Mǐ Bái Beige
ثلاثي +120° +240°
- EBCFAA
Sheriff
- A7E0DF
≈ Blue Light
- E2C9EF
≈ Prom Corsage
متمم منقسم +150° +210°
- EBCFAA
Sheriff
- ABDDF1
≈ Van Gogh Blue
- CFCFFA
≈ Lavender Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.03:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sheriff: #ebcfaa;
--sheriff-rgb: 235 207 170;
--sheriff-oklch: oklch(0.869 0.058 74.6);
}
.element {
color: var(--sheriff);
background-color: hsl(34 62% 79%);
border-color: oklch(0.869 0.058 74.6);
}Tailwind CSS v4
@theme {
--color-sheriff: #ebcfaa;
--color-sheriff-50: #fff3e3;
--color-sheriff-100: #f3e6d3;
--color-sheriff-200: #e3d2b9;
--color-sheriff-300: #c9b497;
--color-sheriff-400: #b39a78;
--color-sheriff-500: #9d815a;
--color-sheriff-600: #856d4d;
--color-sheriff-700: #6a573d;
--color-sheriff-800: #4f3f2c;
--color-sheriff-900: #372c1d;
--color-sheriff-950: #22190d;
}SCSS
$sheriff: #ebcfaa;
$sheriff-rgb: 235, 207, 170;
$sheriff-light: mix(#fff, $sheriff, 20%);
$sheriff-dark: mix(#000, $sheriff, 20%);
.element {
color: $sheriff;
box-shadow: 0 0 0 2px rgba($sheriff, 0.35);
}