Color con nombre · #EAEBD1
Celery Ice
Celery Ice es #EAEBD1: rgb(234 235 209), hsl(62 39% 87%), oklch(0.932 0.034 108.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Celery Ice color name →
#EAEBD1
oklch(0.932 0.034 108.8)
Conversiones de color
- HEX
- #eaebd1
- RGB
- rgb(234 235 209)
- HSL
- hsl(62 39% 87%)
- HWB
- hwb(62 82% 8%)
- OKLCH
- oklch(0.932 0.034 108.8)
- OKLab
- oklab(0.932 -0.011 0.033)
- CIE Lab
- lab(92.45 -3.61 12.56)
- LCH
- lch(92.45 13.06 106)
- CMYK
- cmyk(0% 0% 11% 8%)
Tintes · Sombras · Tonos
Tintes
- ECEDD6
- EEEFDA
- F0F1DF
- F2F3E3
- F4F5E8
- F7F7ED
- F9F9F1
- FBFBF6
- FDFDFA
Sombras
- CBCCB5
- AEAE9B
- 919181
- 757568
- 5A5B50
- 414139
- 292923
- 131310
- 030302
Tonos
- DFE0C9
- D4D5C0
- C9CAB8
- BEBFB0
- B4B4A8
- A9A9A0
- 9F9F98
- 949490
- 8A8A88
Armonías de color
Complementario +180°
- EAEBD1
Celery Ice
- E7E5FF
≈ Lavender Mist
Análogo -30° +30°
- EAEBD1
Celery Ice
- F5E7D0
≈ Golden Mushroom
- DEEFD9
≈ Dewmist Delight
Triádico +120° +240°
- EAEBD1
Celery Ice
- D2EEFB
≈ Blue Hijab
- FCE0EC
≈ Spun Sugar
Complementario dividido +150° +210°
- EAEBD1
Celery Ice
- DCEAFF
≈ Hoarfrost
- F3E2F8
≈ Minute Mauve
Tetrádico +90° +180° +270°
- EAEBD1
Celery Ice
- CFF0F1
≈ Diamond League
- E7E5FF
≈ Lavender Mist
- FFE0E0
≈ Red Remains
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.30:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--celery-ice: #eaebd1;
--celery-ice-rgb: 234 235 209;
--celery-ice-oklch: oklch(0.932 0.034 108.8);
}
.element {
color: var(--celery-ice);
background-color: hsl(62 39% 87%);
border-color: oklch(0.932 0.034 108.8);
}Tailwind CSS v4
@theme {
--color-celery-ice: #eaebd1;
--color-celery-ice-50: #f5f6eb;
--color-celery-ice-100: #e8e9dc;
--color-celery-ice-200: #d4d6c5;
--color-celery-ice-300: #b8b9a5;
--color-celery-ice-400: #a0a089;
--color-celery-ice-500: #88886e;
--color-celery-ice-600: #73735e;
--color-celery-ice-700: #5c5c4b;
--color-celery-ice-800: #444336;
--color-celery-ice-900: #2f2f25;
--color-celery-ice-950: #1b1b13;
}SCSS
$celery-ice: #eaebd1;
$celery-ice-rgb: 234, 235, 209;
$celery-ice-light: mix(#fff, $celery-ice, 20%);
$celery-ice-dark: mix(#000, $celery-ice, 20%);
.element {
color: $celery-ice;
box-shadow: 0 0 0 2px rgba($celery-ice, 0.35);
}