命名颜色 · #FFE285
Daffodil Yellow
Daffodil Yellow 即 #FFE285：rgb(255 226 133)、hsl(46 100% 76%)、oklch(0.917 0.117 92.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Daffodil Yellow color name →
#FFE285
oklch(0.917 0.117 92.6)
颜色转换
- HEX
- #ffe285
- RGB
- rgb(255 226 133)
- HSL
- hsl(46 100% 76%)
- HWB
- hwb(46 52% 0%)
- OKLCH
- oklch(0.917 0.117 92.6)
- OKLab
- oklab(0.917 -0.005 0.117)
- CIE Lab
- lab(90.87 1.73 48.99)
- LCH
- lch(90.87 49.02 88)
- CMYK
- cmyk(0% 11% 48% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFE593
- FFE8A0
- FFEBAD
- FFEEB9
- FFF1C5
- FFF4D1
- FFF7DD
- FFFAE8
- FFFCF4
深色调
- DEC473
- BEA861
- 9E8C50
- 807140
- 635730
- 483E21
- 2E2713
- 161206
- 030301
灰色调
- F2D886
- E4CE87
- D7C487
- CABA87
- BEB086
- B1A686
- A49D85
- 989383
- 8C8A82
配色和谐
互补色 +180°
- FFE285
Daffodil Yellow
- DAE3FF
≈ Stoic White
类似色 -30° +30°
- FFE285
Daffodil Yellow
- FFDDBF
≈ Persian Melon
- D5F198
≈ Creamy Avocado
三角配色 +120° +240°
- FFE285
Daffodil Yellow
- AEF1FF
≈ Beyond the Clouds
- FFD4F7
≈ Shampoo
分裂互补色 +150° +210°
- FFE285
Daffodil Yellow
- CCE8FF
≈ Veiling Waterfalls
- EADDFF
≈ Lavender Savour
四角配色 +90° +180° +270°
- FFE285
Daffodil Yellow
- 7EFDEA
≈ Defence Matrix
- DAE3FF
≈ Stoic White
- FFD8E1
≈ It’s a Girl!
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.46:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--daffodil-yellow: #ffe285;
--daffodil-yellow-rgb: 255 226 133;
--daffodil-yellow-oklch: oklch(0.917 0.117 92.6);
}
.element {
color: var(--daffodil-yellow);
background-color: hsl(46 100% 76%);
border-color: oklch(0.917 0.117 92.6);
}Tailwind CSS v4
@theme {
--color-daffodil-yellow: #ffe285;
--color-daffodil-yellow-50: #fff5d0;
--color-daffodil-yellow-100: #f4e8bc;
--color-daffodil-yellow-200: #e4d49b;
--color-daffodil-yellow-300: #cab770;
--color-daffodil-yellow-400: #b79c44;
--color-daffodil-yellow-500: #a18300;
--color-daffodil-yellow-600: #886f04;
--color-daffodil-yellow-700: #6d5906;
--color-daffodil-yellow-800: #524002;
--color-daffodil-yellow-900: #392c03;
--color-daffodil-yellow-950: #231900;
}SCSS
$daffodil-yellow: #ffe285;
$daffodil-yellow-rgb: 255, 226, 133;
$daffodil-yellow-light: mix(#fff, $daffodil-yellow, 20%);
$daffodil-yellow-dark: mix(#000, $daffodil-yellow, 20%);
.element {
color: $daffodil-yellow;
box-shadow: 0 0 0 2px rgba($daffodil-yellow, 0.35);
}