命名颜色 · #FAEECB
Orecchiette
Orecchiette 即 #FAEECB：rgb(250 238 203)、hsl(45 82% 89%)、oklch(0.95 0.047 91.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Orecchiette color name →
#FAEECB
oklch(0.95 0.047 91.3)
颜色转换
- HEX
- #faeecb
- RGB
- rgb(250 238 203)
- HSL
- hsl(45 82% 89%)
- HWB
- hwb(45 80% 2%)
- OKLCH
- oklch(0.95 0.047 91.3)
- OKLab
- oklab(0.95 -0.001 0.047)
- CIE Lab
- lab(94.39 0.11 18.55)
- LCH
- lch(94.39 18.55 89.7)
- CMYK
- cmyk(0% 5% 19% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBF0D0
- FBF1D6
- FCF3DB
- FCF5E0
- FDF7E5
- FDF8EA
- FEFAF0
- FEFCF5
- FFFDFA
深色调
- D9CFB0
- BAB196
- 9B937D
- 7D7765
- 615C4D
- 464237
- 2D2A22
- 15140F
- 030302
灰色调
- EDE2C3
- E0D7BC
- D4CCB4
- C7C1AD
- BBB6A5
- AFAB9E
- A3A096
- 97958F
- 8B8A87
配色和谐
互补色 +180°
- FAEECB
Orecchiette
- E8EEFF
≈ Brilliant White
类似色 -30° +30°
- FAEECB
Orecchiette
- FFEAD9
≈ Flowerbed
- E9F4D1
≈ Light Green Veil
三角配色 +120° +240°
- FAEECB
Orecchiette
- CFF7FF
≈ Vaporised
- FFE5FB
≈ Bunny Tail
分裂互补色 +150° +210°
- FAEECB
Orecchiette
- E0F1FF
≈ Wizard White
- F1EAFF
≈ Placebo Purple
四角配色 +90° +180° +270°
- FAEECB
Orecchiette
- CDF9F0
≈ Mid Spring Morning
- E8EEFF
≈ Brilliant White
- FFE7ED
≈ Nosegay
对比度与无障碍
Ag
Fail白底
WCAG 1.15:1 · APCA Lc 7
Ag
AAA黑底
WCAG 18.15:1 · APCA Lc 97
最佳文字颜色: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--orecchiette: #faeecb;
--orecchiette-rgb: 250 238 203;
--orecchiette-oklch: oklch(0.95 0.047 91.3);
}
.element {
color: var(--orecchiette);
background-color: hsl(45 82% 89%);
border-color: oklch(0.95 0.047 91.3);
}Tailwind CSS v4
@theme {
--color-orecchiette: #faeecb;
--color-orecchiette-50: #faf5e6;
--color-orecchiette-100: #ede8d7;
--color-orecchiette-200: #dbd4be;
--color-orecchiette-300: #bfb79c;
--color-orecchiette-400: #a99e7f;
--color-orecchiette-500: #928562;
--color-orecchiette-600: #7b7153;
--color-orecchiette-700: #635a42;
--color-orecchiette-800: #49422f;
--color-orecchiette-900: #332d20;
--color-orecchiette-950: #1e1a10;
}SCSS
$orecchiette: #faeecb;
$orecchiette-rgb: 250, 238, 203;
$orecchiette-light: mix(#fff, $orecchiette, 20%);
$orecchiette-dark: mix(#000, $orecchiette, 20%);
.element {
color: $orecchiette;
box-shadow: 0 0 0 2px rgba($orecchiette, 0.35);
}