لون مسمّى · #EECC66
Fresh Straw
Fresh Straw هو #EECC66: rgb(238 204 102)، hsl(45 80% 67%)، oklch(0.854 0.127 91.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Fresh Straw color name →
#EECC66
oklch(0.854 0.127 91.1)
تحويلات الألوان
- HEX
- #eecc66
- RGB
- rgb(238 204 102)
- HSL
- hsl(45 80% 67%)
- HWB
- hwb(45 40% 7%)
- OKLCH
- oklch(0.854 0.127 91.1)
- OKLab
- oklab(0.854 -0.002 0.127)
- CIE Lab
- lab(83.5 3.68 54.51)
- LCH
- lch(83.5 54.63 86.1)
- CMYK
- cmyk(0% 14% 57% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0D178
- F1D789
- F3DC99
- F5E1A8
- F7E6B7
- F8EBC6
- FAF0D4
- FCF5E3
- FDFAF1
درجات داكنة
- CFB158
- B1974A
- 937E3C
- 77652F
- 5C4E23
- 423717
- 2A220C
- 140F04
- 030200
درجات رمادية
- E2C46B
- D7BD70
- CCB573
- C1AD76
- B6A679
- AB9E7B
- A0977D
- 958F7E
- 8A887F
تناسق الألوان
متمم +180°
- EECC66
Fresh Straw
- BECDFF
≈ Light Periwinkle
متجاور -30° +30°
- EECC66
Fresh Straw
- FFC08C
≈ Orange Mousse
- C3DC7A
≈ Cool as a Cucumber
ثلاثي +120° +240°
- EECC66
Fresh Straw
- 52E5FE
≈ Shimmering Expanse Cyan
- FFB0F5
≈ Pink Apotheosis
متمم منقسم +150° +210°
- EECC66
Fresh Straw
- A0D7FF
≈ Malmö FF
- D8C3FF
≈ Neon Boneyard
رباعي +90° +180° +270°
- EECC66
Fresh Straw
- 5BEAD4
≈ Near Moon
- BECDFF
≈ Light Periwinkle
- FFB8CC
≈ Baby Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.55:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.46:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.46:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fresh-straw: #eecc66;
--fresh-straw-rgb: 238 204 102;
--fresh-straw-oklch: oklch(0.854 0.127 91.1);
}
.element {
color: var(--fresh-straw);
background-color: hsl(45 80% 67%);
border-color: oklch(0.854 0.127 91.1);
}Tailwind CSS v4
@theme {
--color-fresh-straw: #eecc66;
--color-fresh-straw-50: #fff5cd;
--color-fresh-straw-100: #f6e8b8;
--color-fresh-straw-200: #e7d496;
--color-fresh-straw-300: #ceb668;
--color-fresh-straw-400: #ba9b39;
--color-fresh-straw-500: #a58100;
--color-fresh-straw-600: #8c6e00;
--color-fresh-straw-700: #705800;
--color-fresh-straw-800: #543f00;
--color-fresh-straw-900: #3b2c00;
--color-fresh-straw-950: #251900;
}SCSS
$fresh-straw: #eecc66;
$fresh-straw-rgb: 238, 204, 102;
$fresh-straw-light: mix(#fff, $fresh-straw, 20%);
$fresh-straw-dark: mix(#000, $fresh-straw, 20%);
.element {
color: $fresh-straw;
box-shadow: 0 0 0 2px rgba($fresh-straw, 0.35);
}