Color con nombre · #EFE4CC
Someday
Someday es #EFE4CC: rgb(239 228 204), hsl(41 52% 87%), oklch(0.921 0.034 86.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Someday color name →
#EFE4CC
oklch(0.921 0.034 86.3)
Conversiones de color
- HEX
- #efe4cc
- RGB
- rgb(239 228 204)
- HSL
- hsl(41 52% 87%)
- HWB
- hwb(41 80% 6%)
- OKLCH
- oklch(0.921 0.034 86.3)
- OKLab
- oklab(0.921 0.002 0.034)
- CIE Lab
- lab(91 0.97 13.17)
- LCH
- lch(91 13.21 85.8)
- CMYK
- cmyk(0% 5% 15% 6%)
Tintes · Sombras · Tonos
Tintes
- F1E7D1
- F2E9D6
- F4ECDB
- F5EFE0
- F7F1E5
- F9F4EB
- FAF7F0
- FCFAF5
- FDFCFA
Sombras
- D0C6B1
- B1A997
- 948D7E
- 787265
- 5C584E
- 423F37
- 2A2822
- 14120F
- 030302
Tonos
- E3DAC4
- D8CFBC
- CCC5B5
- C1BBAD
- B6B1A5
- ABA79E
- A09D96
- 95938F
- 8B8A87
Armonías de color
Complementario +180°
- EFE4CC
Someday
- DAE5FD
≈ Veiling Waterfalls
Análogo -30° +30°
- EFE4CC
Someday
- F8E0D0
≈ Pastry Pink
- E3E8CF
≈ White Radish
Triádico +120° +240°
- EFE4CC
Someday
- CCECF0
≈ Hand Sanitizer
- F2DEF1
≈ Divine Dove
Complementario dividido +150° +210°
- EFE4CC
Someday
- D1E9F9
≈ Freezing Vapour
- E7E1FA
≈ Lavender Mist
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.63:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.63:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--someday: #efe4cc;
--someday-rgb: 239 228 204;
--someday-oklch: oklch(0.921 0.034 86.3);
}
.element {
color: var(--someday);
background-color: hsl(41 52% 87%);
border-color: oklch(0.921 0.034 86.3);
}Tailwind CSS v4
@theme {
--color-someday: #efe4cc;
--color-someday-50: #f9f5ea;
--color-someday-100: #ece7db;
--color-someday-200: #dad4c4;
--color-someday-300: #beb7a4;
--color-someday-400: #a79d88;
--color-someday-500: #90856d;
--color-someday-600: #7a715c;
--color-someday-700: #625a4a;
--color-someday-800: #484235;
--color-someday-900: #322d24;
--color-someday-950: #1e1a13;
}SCSS
$someday: #efe4cc;
$someday-rgb: 239, 228, 204;
$someday-light: mix(#fff, $someday, 20%);
$someday-dark: mix(#000, $someday, 20%);
.element {
color: $someday;
box-shadow: 0 0 0 2px rgba($someday, 0.35);
}