命名颜色 · #E4E4CB
Yellow Phosphenes
Yellow Phosphenes 即 #E4E4CB：rgb(228 228 203)、hsl(60 32% 85%)、oklch(0.912 0.033 107)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Yellow Phosphenes color name →
#E4E4CB
oklch(0.912 0.033 107)
颜色转换
- HEX
- #e4e4cb
- RGB
- rgb(228 228 203)
- HSL
- hsl(60 32% 85%)
- HWB
- hwb(60 80% 11%)
- OKLCH
- oklch(0.912 0.033 107)
- OKLab
- oklab(0.912 -0.01 0.032)
- CIE Lab
- lab(90.09 -3.14 12.26)
- LCH
- lch(90.09 12.66 104.4)
- CMYK
- cmyk(0% 0% 11% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E7E7D0
- E9E9D5
- ECECDB
- EFEFE0
- F1F1E5
- F4F4EA
- F7F7EF
- FAFAF5
- FCFCFA
深色调
- C6C6B0
- A9A996
- 8D8D7D
- 727265
- 58584D
- 3F3F37
- 282822
- 12120F
- 030302
灰色调
- DADAC3
- CFCFBC
- C5C5B4
- BBBBAC
- B1B1A5
- A7A79D
- 9D9D96
- 93938F
- 898A87
配色和谐
互补色 +180°
- E4E4CB
Yellow Phosphenes
- E0DFF8
≈ Stoic White
类似色 -30° +30°
- E4E4CB
Yellow Phosphenes
- EFE0CA
≈ Scroll
- D8E8D2
≈ Peppermint
三角配色 +120° +240°
- E4E4CB
Yellow Phosphenes
- CCE7F3
≈ First Frost
- F4DAE6
≈ Columbine
分裂互补色 +150° +210°
- E4E4CB
Yellow Phosphenes
- D4E3F9
≈ Weathered Blue
- EBDCF1
≈ Divine Dove
四角配色 +90° +180° +270°
- E4E4CB
Yellow Phosphenes
- CAE9EA
≈ Mabel
- E0DFF8
≈ Stoic White
- F8DADA
≈ Coy Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.29:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.25:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--yellow-phosphenes: #e4e4cb;
--yellow-phosphenes-rgb: 228 228 203;
--yellow-phosphenes-oklch: oklch(0.912 0.033 107);
}
.element {
color: var(--yellow-phosphenes);
background-color: hsl(60 32% 85%);
border-color: oklch(0.912 0.033 107);
}Tailwind CSS v4
@theme {
--color-yellow-phosphenes: #e4e4cb;
--color-yellow-phosphenes-50: #f6f6eb;
--color-yellow-phosphenes-100: #e8e9dc;
--color-yellow-phosphenes-200: #d5d6c6;
--color-yellow-phosphenes-300: #b8b9a6;
--color-yellow-phosphenes-400: #a0a08a;
--color-yellow-phosphenes-500: #88886f;
--color-yellow-phosphenes-600: #73735e;
--color-yellow-phosphenes-700: #5c5c4b;
--color-yellow-phosphenes-800: #444336;
--color-yellow-phosphenes-900: #2f2e25;
--color-yellow-phosphenes-950: #1b1b13;
}SCSS
$yellow-phosphenes: #e4e4cb;
$yellow-phosphenes-rgb: 228, 228, 203;
$yellow-phosphenes-light: mix(#fff, $yellow-phosphenes, 20%);
$yellow-phosphenes-dark: mix(#000, $yellow-phosphenes, 20%);
.element {
color: $yellow-phosphenes;
box-shadow: 0 0 0 2px rgba($yellow-phosphenes, 0.35);
}