Màu có tên · #E4E8A7
Hip Hop
Hip Hop là #E4E8A7: rgb(228 232 167), hsl(64 59% 78%), oklch(0.912 0.084 110.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Hip Hop color name →
#E4E8A7
oklch(0.912 0.084 110.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7EAB0
- E9EDB9
- ECEFC2
- EFF1CB
- F1F4D4
- F4F6DD
- F7F8E5
- F9FBEE
- FCFDF6
Sắc đậm
- C6CA91
- A9AC7B
- 8D9066
- 727452
- 58593E
- 3F402C
- 28291A
- 12130A
- 030301
Sắc xám
- D9DDA3
- CFD2A0
- C5C89C
- BBBD98
- B1B395
- A7A891
- 9D9E8D
- 939488
- 898A84
Hòa sắc
Bổ túc +180°
- E4E8A7
Hip Hop
- E1DDFF
≈ Contrail
Tương đồng -30° +30°
- E4E8A7
Hip Hop
- FFDDA2
≈ Bachimitsu Gold
- C4F1BC
≈ Toxic Essence
Bộ ba +120° +240°
- E4E8A7
Hip Hop
- C0E9FF
≈ Blue Java Banana
- FFD4E6
≈ Poplar Pink
Bổ túc chia +150° +210°
- E4E8A7
Hip Hop
- D3E3FF
≈ Stoic White
- F8D4FF
≈ Pink Diamond
Bộ bốn +90° +180° +270°
- E4E8A7
Hip Hop
- 9DF3F9
≈ Waterspout
- E1DDFF
≈ Contrail
- FFD7D5
≈ Go Go Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.28:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.39:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
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);
}