命名颜色 · #E4E8A7
Hip Hop
Hip Hop 即 #E4E8A7：rgb(228 232 167)、hsl(64 59% 78%)、oklch(0.912 0.084 110.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Hip Hop color name →
#E4E8A7
oklch(0.912 0.084 110.9)
颜色转换
- HEX
- #e4e8a7
- RGB
- rgb(228 232 167)
- HSL
- hsl(64 59% 78%)
- HWB
- hwb(64 65% 9%)
- OKLCH
- oklch(0.912 0.084 110.9)
- OKLab
- oklab(0.912 -0.03 0.078)
- CIE Lab
- lab(90.53 -8.88 31.27)
- LCH
- lch(90.53 32.5 105.8)
- CMYK
- cmyk(2% 0% 28% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E7EAB0
- E9EDB9
- ECEFC2
- EFF1CB
- F1F4D4
- F4F6DD
- F7F8E5
- F9FBEE
- FCFDF6
深色调
- C6CA91
- A9AC7B
- 8D9066
- 727452
- 58593E
- 3F402C
- 28291A
- 12130A
- 030301
灰色调
- D9DDA3
- CFD2A0
- C5C89C
- BBBD98
- B1B395
- A7A891
- 9D9E8D
- 939488
- 898A84
配色和谐
互补色 +180°
- E4E8A7
Hip Hop
- E1DDFF
≈ Contrail
类似色 -30° +30°
- E4E8A7
Hip Hop
- FFDDA2
≈ Bachimitsu Gold
- C4F1BC
≈ Toxic Essence
三角配色 +120° +240°
- E4E8A7
Hip Hop
- C0E9FF
≈ Blue Java Banana
- FFD4E6
≈ Poplar Pink
分裂互补色 +150° +210°
- E4E8A7
Hip Hop
- D3E3FF
≈ Stoic White
- F8D4FF
≈ Pink Diamond
四角配色 +90° +180° +270°
- E4E8A7
Hip Hop
- 9DF3F9
≈ Waterspout
- E1DDFF
≈ Contrail
- FFD7D5
≈ Go Go Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.39:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--hip-hop: #e4e8a7;
--hip-hop-rgb: 228 232 167;
--hip-hop-oklch: oklch(0.912 0.084 110.9);
}
.element {
color: var(--hip-hop);
background-color: hsl(64 59% 78%);
border-color: oklch(0.912 0.084 110.9);
}Tailwind CSS v4
@theme {
--color-hip-hop: #e4e8a7;
--color-hip-hop-50: #f5f8dd;
--color-hip-hop-100: #e7ebcc;
--color-hip-hop-200: #d4d9b0;
--color-hip-hop-300: #b7bc8b;
--color-hip-hop-400: #a0a368;
--color-hip-hop-500: #898b46;
--color-hip-hop-600: #74763c;
--color-hip-hop-700: #5c5e30;
--color-hip-hop-800: #454521;
--color-hip-hop-900: #2f3016;
--color-hip-hop-950: #1c1c07;
}SCSS
$hip-hop: #e4e8a7;
$hip-hop-rgb: 228, 232, 167;
$hip-hop-light: mix(#fff, $hip-hop, 20%);
$hip-hop-dark: mix(#000, $hip-hop, 20%);
.element {
color: $hip-hop;
box-shadow: 0 0 0 2px rgba($hip-hop, 0.35);
}