Color con nombre · #F4EDE0
Popcorn Pause
Popcorn Pause es #F4EDE0: rgb(244 237 224), hsl(39 48% 92%), oklch(0.948 0.019 83.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Popcorn Pause color name →
#F4EDE0
oklch(0.948 0.019 83.1)
Conversiones de color
- HEX
- #f4ede0
- RGB
- rgb(244 237 224)
- HSL
- hsl(39 48% 92%)
- HWB
- hwb(39 88% 4%)
- OKLCH
- oklch(0.948 0.019 83.1)
- OKLab
- oklab(0.948 0.002 0.019)
- CIE Lab
- lab(94.04 0.81 7.2)
- LCH
- lch(94.04 7.25 83.6)
- CMYK
- cmyk(0% 3% 8% 4%)
Tintes · Sombras · Tonos
Tintes
- F5EFE3
- F6F1E6
- F7F2E9
- F8F4EC
- FAF6EF
- FBF8F3
- FCFAF6
- FDFBF9
- FEFDFC
Sombras
- D4CEC3
- B5B0A6
- 97938A
- 7A7770
- 5E5C56
- 44423E
- 2B2A27
- 141412
- 030302
Tonos
- E8E2D6
- DCD6CC
- D0CBC2
- C4C0B8
- B8B5AF
- ADAAA5
- A19F9C
- 969592
- 8B8A89
Armonías de color
Complementario +180°
- F4EDE0
Popcorn Pause
- E7EEFB
≈ Cotton Boll
Análogo -30° +30°
- F4EDE0
Popcorn Pause
- F9EBE2
≈ Pure Frost
- EDEFE1
≈ Pearl Onion
Triádico +120° +240°
- F4EDE0
Popcorn Pause
- E0F2F3
≈ Bone-Chilling
- F4EAF5
≈ Perfume Haze
Complementario dividido +150° +210°
- F4EDE0
Popcorn Pause
- E2F0F9
≈ Wizard White
- EEECFA
≈ Placebo Purple
Tetrádico +90° +180° +270°
- F4EDE0
Popcorn Pause
- E2F2ED
≈ Bone-Chilling
- E7EEFB
≈ Cotton Boll
- F9E9EF
≈ Morning Shine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 18.03:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.03:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--popcorn-pause: #f4ede0;
--popcorn-pause-rgb: 244 237 224;
--popcorn-pause-oklch: oklch(0.948 0.019 83.1);
}
.element {
color: var(--popcorn-pause);
background-color: hsl(39 48% 92%);
border-color: oklch(0.948 0.019 83.1);
}Tailwind CSS v4
@theme {
--color-popcorn-pause: #f4ede0;
--color-popcorn-pause-50: #f8f5ef;
--color-popcorn-pause-100: #ebe7e1;
--color-popcorn-pause-200: #d8d4cb;
--color-popcorn-pause-300: #bcb7ad;
--color-popcorn-pause-400: #a49e92;
--color-popcorn-pause-500: #8c8578;
--color-popcorn-pause-600: #777166;
--color-popcorn-pause-700: #5f5a51;
--color-popcorn-pause-800: #46423b;
--color-popcorn-pause-900: #302d29;
--color-popcorn-pause-950: #1c1a16;
}SCSS
$popcorn-pause: #f4ede0;
$popcorn-pause-rgb: 244, 237, 224;
$popcorn-pause-light: mix(#fff, $popcorn-pause, 20%);
$popcorn-pause-dark: mix(#000, $popcorn-pause, 20%);
.element {
color: $popcorn-pause;
box-shadow: 0 0 0 2px rgba($popcorn-pause, 0.35);
}