Cor nomeada · #EEFFA9
Hitchcock Milk
Hitchcock Milk é #EEFFA9: rgb(238 255 169), hsl(72 100% 83%), oklch(0.968 0.11 117.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hitchcock Milk color name →
#EEFFA9
oklch(0.968 0.11 117.6)
Conversões de cor
- HEX
- #eeffa9
- RGB
- rgb(238 255 169)
- HSL
- hsl(72 100% 83%)
- HWB
- hwb(72 66% 0%)
- OKLCH
- oklch(0.968 0.11 117.6)
- OKLab
- oklab(0.968 -0.051 0.097)
- CIE Lab
- lab(97.27 -15.57 39.2)
- LCH
- lch(97.27 42.18 111.7)
- CMYK
- cmyk(7% 0% 34% 0%)
Tons claros · Sombras · Tons
Tons claros
- F0FFB2
- F1FFBC
- F3FFC4
- F5FFCD
- F6FFD6
- F8FFDE
- FAFFE7
- FBFFEF
- FDFFF7
Sombras
- CFDE92
- B1BE7C
- 939E67
- 778053
- 5C633F
- 42482C
- 2A2E1B
- 14160A
- 030301
Tons
- E2F2A6
- D7E5A2
- CCD89E
- C0CB9A
- B5BE96
- AAB192
- 9FA58E
- 959889
- 8A8C85
Harmonias de cor
Complementar +180°
- EEFFA9
Hitchcock Milk
- F5F2FF
≈ Cloud Break
Análoga -30° +30°
- EEFFA9
Hitchcock Milk
- FFF4D9
≈ Pastel Moon Creme
- DDFFE0
≈ Frosted Plains
Tríade +120° +240°
- EEFFA9
Hitchcock Milk
- EAF6FF
≈ Clear Skies
- FFF0F4
≈ Lavender Blush
Complementar dividida +150° +210°
- EEFFA9
Hitchcock Milk
- F0F4FF
≈ Boysenberry Shadow
- FFEEFE
≈ Lovely Euphoric Delight
Tétrade +90° +180° +270°
- EEFFA9
Hitchcock Milk
- DEFBFF
≈ Matterhorn Snow
- F5F2FF
≈ Cloud Break
- FFF1EF
≈ Polished Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.51:1 · APCA Lc 102
Melhor cor de texto: #000000
WCAG 19.51:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--hitchcock-milk: #eeffa9;
--hitchcock-milk-rgb: 238 255 169;
--hitchcock-milk-oklch: oklch(0.968 0.11 117.6);
}
.element {
color: var(--hitchcock-milk);
background-color: hsl(72 100% 83%);
border-color: oklch(0.968 0.11 117.6);
}Tailwind CSS v4
@theme {
--color-hitchcock-milk: #eeffa9;
--color-hitchcock-milk-50: #f1fad7;
--color-hitchcock-milk-100: #e3eec5;
--color-hitchcock-milk-200: #cedca7;
--color-hitchcock-milk-300: #b0c07f;
--color-hitchcock-milk-400: #99a759;
--color-hitchcock-milk-500: #818f30;
--color-hitchcock-milk-600: #6d792a;
--color-hitchcock-milk-700: #576121;
--color-hitchcock-milk-800: #414715;
--color-hitchcock-milk-900: #2d310d;
--color-hitchcock-milk-950: #1a1d02;
}SCSS
$hitchcock-milk: #eeffa9;
$hitchcock-milk-rgb: 238, 255, 169;
$hitchcock-milk-light: mix(#fff, $hitchcock-milk, 20%);
$hitchcock-milk-dark: mix(#000, $hitchcock-milk, 20%);
.element {
color: $hitchcock-milk;
box-shadow: 0 0 0 2px rgba($hitchcock-milk, 0.35);
}