命名颜色 · #FBEB50
Paris Daisy
Paris Daisy 即 #FBEB50：rgb(251 235 80)、hsl(54 96% 65%)、oklch(0.926 0.169 103.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Paris Daisy color name →
#FBEB50
oklch(0.926 0.169 103.4)
颜色转换
- HEX
- #fbeb50
- RGB
- rgb(251 235 80)
- HSL
- hsl(54 96% 65%)
- HWB
- hwb(54 31% 2%)
- OKLCH
- oklch(0.926 0.169 103.4)
- OKLab
- oklab(0.926 -0.039 0.164)
- CIE Lab
- lab(92.36 -6.8 73.18)
- LCH
- lch(92.36 73.5 95.3)
- CMYK
- cmyk(0% 6% 68% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBED6A
- FBF07F
- FCF292
- FCF4A3
- FCF6B4
- FDF8C4
- FDFAD3
- FEFCE2
- FEFDF1
深色调
- DACC44
- BAAE39
- 9C912E
- 7E7524
- 615B1A
- 464110
- 2D2907
- 151302
- 030300
灰色调
- EEE05B
- E1D564
- D4CA6B
- C8C070
- BBB575
- AFAA79
- A3A07B
- 97957D
- 8B8B7F
配色和谐
互补色 +180°
- FBEB50
Paris Daisy
- E3E4FF
≈ Lavender Mist
类似色 -30° +30°
- FBEB50
Paris Daisy
- FFE1BC
≈ Orange Glow
- B9FF85
≈ Light Yellowish Green
三角配色 +120° +240°
- FBEB50
Paris Daisy
- C4EFFF
≈ Heaven’s Gate
- FFDBEF
≈ Rose Glow
分裂互补色 +150° +210°
- FBEB50
Paris Daisy
- D6E9FF
≈ Veiling Waterfalls
- F3DDFF
≈ Lavender Savour
四角配色 +90° +180° +270°
- FBEB50
Paris Daisy
- 7FFFFC
≈ Glitter Shower
- E3E4FF
≈ Lavender Mist
- FFDDDF
≈ Rose Tonic
对比度与无障碍
Ag
Fail白底
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.10:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--paris-daisy: #fbeb50;
--paris-daisy-rgb: 251 235 80;
--paris-daisy-oklch: oklch(0.926 0.169 103.4);
}
.element {
color: var(--paris-daisy);
background-color: hsl(54 96% 65%);
border-color: oklch(0.926 0.169 103.4);
}Tailwind CSS v4
@theme {
--color-paris-daisy: #fbeb50;
--color-paris-daisy-50: #fbf9c1;
--color-paris-daisy-100: #efecaa;
--color-paris-daisy-200: #ded981;
--color-paris-daisy-300: #c4bc49;
--color-paris-daisy-400: #b1a100;
--color-paris-daisy-500: #9c8800;
--color-paris-daisy-600: #837300;
--color-paris-daisy-700: #695c00;
--color-paris-daisy-800: #4f4200;
--color-paris-daisy-900: #372e00;
--color-paris-daisy-950: #221a00;
}SCSS
$paris-daisy: #fbeb50;
$paris-daisy-rgb: 251, 235, 80;
$paris-daisy-light: mix(#fff, $paris-daisy, 20%);
$paris-daisy-dark: mix(#000, $paris-daisy, 20%);
.element {
color: $paris-daisy;
box-shadow: 0 0 0 2px rgba($paris-daisy, 0.35);
}