Adlandırılmış renk · #E5E7A7
Kiwi Ice Cream
Kiwi Ice Cream, #E5E7A7: rgb(229 231 167), hsl(62 57% 78%), oklch(0.911 0.083 109.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Kiwi Ice Cream color name →
#E5E7A7
oklch(0.911 0.083 109.4)
Renk dönüşümleri
- HEX
- #e5e7a7
- RGB
- rgb(229 231 167)
- HSL
- hsl(62 57% 78%)
- HWB
- hwb(62 65% 9%)
- OKLCH
- oklch(0.911 0.083 109.4)
- OKLab
- oklab(0.911 -0.027 0.078)
- CIE Lab
- lab(90.35 -8.03 31.05)
- LCH
- lch(90.35 32.07 104.5)
- CMYK
- cmyk(1% 0% 28% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E9B0
- EAECB9
- EDEEC2
- EFF1CB
- F2F3D4
- F4F6DD
- F7F8E5
- FAFAEE
- FCFDF6
Koyu tonlar
- C7C991
- AAAB7B
- 8E8F66
- 727352
- 58593E
- 3F402C
- 28281A
- 12130A
- 030301
Gri tonlar
- DADCA3
- D0D2A0
- C5C79C
- BBBD98
- B1B294
- A7A891
- 9D9E8D
- 939488
- 8A8A84
Renk uyumları
Tamamlayıcı +180°
- E5E7A7
Kiwi Ice Cream
- E0DDFF
≈ Contrail
Analog -30° +30°
- E5E7A7
Kiwi Ice Cream
- FFDCA4
≈ Porcelain Yellow
- C6F0BB
≈ Toxic Essence
Üçlü +120° +240°
- E5E7A7
Kiwi Ice Cream
- BEE9FF
≈ Blue Java Banana
- FFD4E7
≈ Pink Currant
Bölünmüş tamamlayıcı +150° +210°
- E5E7A7
Kiwi Ice Cream
- D1E3FF
≈ Weathered Blue
- F6D4FF
≈ Pink Diamond
Dörtlü +90° +180° +270°
- E5E7A7
Kiwi Ice Cream
- 9EF3F7
≈ Hydro Cannon
- E0DDFF
≈ Contrail
- FFD6D5
≈ We Peep
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.31:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--kiwi-ice-cream: #e5e7a7;
--kiwi-ice-cream-rgb: 229 231 167;
--kiwi-ice-cream-oklch: oklch(0.911 0.083 109.4);
}
.element {
color: var(--kiwi-ice-cream);
background-color: hsl(62 57% 78%);
border-color: oklch(0.911 0.083 109.4);
}Tailwind CSS v4
@theme {
--color-kiwi-ice-cream: #e5e7a7;
--color-kiwi-ice-cream-50: #f5f8dd;
--color-kiwi-ice-cream-100: #e8ebcc;
--color-kiwi-ice-cream-200: #d5d8b0;
--color-kiwi-ice-cream-300: #b8bc8b;
--color-kiwi-ice-cream-400: #a2a369;
--color-kiwi-ice-cream-500: #8a8b47;
--color-kiwi-ice-cream-600: #75753d;
--color-kiwi-ice-cream-700: #5d5e30;
--color-kiwi-ice-cream-800: #454421;
--color-kiwi-ice-cream-900: #302f16;
--color-kiwi-ice-cream-950: #1c1c07;
}SCSS
$kiwi-ice-cream: #e5e7a7;
$kiwi-ice-cream-rgb: 229, 231, 167;
$kiwi-ice-cream-light: mix(#fff, $kiwi-ice-cream, 20%);
$kiwi-ice-cream-dark: mix(#000, $kiwi-ice-cream, 20%);
.element {
color: $kiwi-ice-cream;
box-shadow: 0 0 0 2px rgba($kiwi-ice-cream, 0.35);
}