لون مسمّى · #EEBE1B
Radiant Sunrise
Radiant Sunrise هو #EEBE1B: rgb(238 190 27)، hsl(46 86% 52%)، oklch(0.821 0.163 89.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Radiant Sunrise color name →
#EEBE1B
oklch(0.821 0.163 89.6)
تحويلات الألوان
- HEX
- #eebe1b
- RGB
- rgb(238 190 27)
- HSL
- hsl(46 86% 52%)
- HWB
- hwb(46 11% 7%)
- OKLCH
- oklch(0.821 0.163 89.6)
- OKLab
- oklab(0.821 0.001 0.163)
- CIE Lab
- lab(79.62 8.15 77.09)
- LCH
- lch(79.62 77.52 84)
- CMYK
- cmyk(0% 20% 89% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0C547
- F2CC63
- F3D37A
- F5D98F
- F7E0A3
- F9E6B6
- FAEDC9
- FCF3DB
- FDF9ED
درجات داكنة
- CFA516
- B18C11
- 93750C
- 775E08
- 5C4805
- 423302
- 2A1F01
- 140D00
- 030200
درجات رمادية
- E3B837
- D7B247
- CCAC53
- C1A65D
- B6A065
- AB996C
- A09372
- 958D77
- 8B867C
تناسق الألوان
متمم +180°
- EEBE1B
Radiant Sunrise
- ADC2FF
≈ Pastel Blue
متجاور -30° +30°
- EEBE1B
Radiant Sunrise
- FFB170
≈ Apricot
- B8D34A
≈ Solid Gold
ثلاثي +120° +240°
- EEBE1B
Radiant Sunrise
- 00DDF6
≈ Tamarama
- FE9BF7
≈ Pink Elephants
متمم منقسم +150° +210°
- EEBE1B
Radiant Sunrise
- 86CEFF
≈ Platonic Blue
- CEB5FF
≈ Violet Heaven
رباعي +90° +180° +270°
- EEBE1B
Radiant Sunrise
- 00E3C7
≈ Ice Climber
- ADC2FF
≈ Pastel Blue
- FFA6C2
≈ Amélie’s Tutu
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.74:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 12.01:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--radiant-sunrise: #eebe1b;
--radiant-sunrise-rgb: 238 190 27;
--radiant-sunrise-oklch: oklch(0.821 0.163 89.6);
}
.element {
color: var(--radiant-sunrise);
background-color: hsl(46 86% 52%);
border-color: oklch(0.821 0.163 89.6);
}Tailwind CSS v4
@theme {
--color-radiant-sunrise: #eebe1b;
--color-radiant-sunrise-50: #fff4c0;
--color-radiant-sunrise-100: #fce7a9;
--color-radiant-sunrise-200: #eed280;
--color-radiant-sunrise-300: #d6b448;
--color-radiant-sunrise-400: #c49800;
--color-radiant-sunrise-500: #b07d00;
--color-radiant-sunrise-600: #956a00;
--color-radiant-sunrise-700: #775500;
--color-radiant-sunrise-800: #5a3d00;
--color-radiant-sunrise-900: #3f2a00;
--color-radiant-sunrise-950: #281700;
}SCSS
$radiant-sunrise: #eebe1b;
$radiant-sunrise-rgb: 238, 190, 27;
$radiant-sunrise-light: mix(#fff, $radiant-sunrise, 20%);
$radiant-sunrise-dark: mix(#000, $radiant-sunrise, 20%);
.element {
color: $radiant-sunrise;
box-shadow: 0 0 0 2px rgba($radiant-sunrise, 0.35);
}