Color con nombre · #E5E7A7
Kiwi Ice Cream
Kiwi Ice Cream es #E5E7A7: rgb(229 231 167), hsl(62 57% 78%), oklch(0.911 0.083 109.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Kiwi Ice Cream color name →
#E5E7A7
oklch(0.911 0.083 109.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E8E9B0
- EAECB9
- EDEEC2
- EFF1CB
- F2F3D4
- F4F6DD
- F7F8E5
- FAFAEE
- FCFDF6
Sombras
- C7C991
- AAAB7B
- 8E8F66
- 727352
- 58593E
- 3F402C
- 28281A
- 12130A
- 030301
Tonos
- DADCA3
- D0D2A0
- C5C79C
- BBBD98
- B1B294
- A7A891
- 9D9E8D
- 939488
- 8A8A84
Armonías de color
Complementario +180°
- E5E7A7
Kiwi Ice Cream
- E0DDFF
≈ Contrail
Análogo -30° +30°
- E5E7A7
Kiwi Ice Cream
- FFDCA4
≈ Porcelain Yellow
- C6F0BB
≈ Toxic Essence
Triádico +120° +240°
- E5E7A7
Kiwi Ice Cream
- BEE9FF
≈ Blue Java Banana
- FFD4E7
≈ Pink Currant
Complementario dividido +150° +210°
- E5E7A7
Kiwi Ice Cream
- D1E3FF
≈ Weathered Blue
- F6D4FF
≈ Pink Diamond
Tetrádico +90° +180° +270°
- E5E7A7
Kiwi Ice Cream
- 9EF3F7
≈ Hydro Cannon
- E0DDFF
≈ Contrail
- FFD6D5
≈ We Peep
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.31:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
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);
}