命名颜色 · #FFEB7E
Digital Yellow
Digital Yellow 即 #FFEB7E：rgb(255 235 126)、hsl(51 100% 75%)、oklch(0.934 0.132 99.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Digital Yellow color name →
#FFEB7E
oklch(0.934 0.132 99.1)
颜色转换
- HEX
- #ffeb7e
- RGB
- rgb(255 235 126)
- HSL
- hsl(51 100% 75%)
- HWB
- hwb(51 49% 0%)
- OKLCH
- oklch(0.934 0.132 99.1)
- OKLab
- oklab(0.934 -0.021 0.13)
- CIE Lab
- lab(93.05 -2.98 54.84)
- LCH
- lch(93.05 54.92 93.1)
- CMYK
- cmyk(0% 8% 51% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFED8D
- FFEF9C
- FFF2A9
- FFF4B6
- FFF6C3
- FFF8CF
- FFFADC
- FFFCE8
- FFFDF3
深色调
- DECC6D
- BEAE5C
- 9E914C
- 80753C
- 635B2D
- 48411F
- 2E2911
- 161305
- 030301
灰色调
- F2E080
- E4D582
- D7CA83
- CABF84
- BDB584
- B1AA84
- A49F83
- 989583
- 8C8A81
配色和谐
互补色 +180°
- FFEB7E
Digital Yellow
- E4E8FF
≈ Glitter
类似色 -30° +30°
- FFEB7E
Digital Yellow
- FFE4C8
≈ Apple Crunch
- CEFB9B
≈ Menthol
三角配色 +120° +240°
- FFEB7E
Digital Yellow
- C7F2FF
≈ Heaven’s Gate
- FFDEF3
≈ So This Is Love
分裂互补色 +150° +210°
- FFEB7E
Digital Yellow
- D9ECFF
≈ Hoarfrost
- F1E2FF
≈ Lavender Savour
四角配色 +90° +180° +270°
- FFEB7E
Digital Yellow
- 97FFF7
≈ Glitchy Shader Blue
- E4E8FF
≈ Glitter
- FFE1E4
≈ Pink Pleasure
对比度与无障碍
Ag
Fail白底
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黑底
WCAG 17.43:1 · APCA Lc 94
最佳文字颜色: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--digital-yellow: #ffeb7e;
--digital-yellow-rgb: 255 235 126;
--digital-yellow-oklch: oklch(0.934 0.132 99.1);
}
.element {
color: var(--digital-yellow);
background-color: hsl(51 100% 75%);
border-color: oklch(0.934 0.132 99.1);
}Tailwind CSS v4
@theme {
--color-digital-yellow: #ffeb7e;
--color-digital-yellow-50: #fdf7cc;
--color-digital-yellow-100: #f1eab7;
--color-digital-yellow-200: #e0d795;
--color-digital-yellow-300: #c6ba67;
--color-digital-yellow-400: #b29f35;
--color-digital-yellow-500: #9c8600;
--color-digital-yellow-600: #847100;
--color-digital-yellow-700: #6a5b00;
--color-digital-yellow-800: #4f4200;
--color-digital-yellow-900: #372d00;
--color-digital-yellow-950: #221a00;
}SCSS
$digital-yellow: #ffeb7e;
$digital-yellow-rgb: 255, 235, 126;
$digital-yellow-light: mix(#fff, $digital-yellow, 20%);
$digital-yellow-dark: mix(#000, $digital-yellow, 20%);
.element {
color: $digital-yellow;
box-shadow: 0 0 0 2px rgba($digital-yellow, 0.35);
}