命名颜色 · #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);
}