Color con nombre · #F2EEE2
Cream White
Cream White es #F2EEE2: rgb(242 238 226), hsl(45 38% 92%), oklch(0.949 0.016 91.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Cream White color name →
#F2EEE2
oklch(0.949 0.016 91.6)
Conversiones de color
- HEX
- #f2eee2
- RGB
- rgb(242 238 226)
- HSL
- hsl(45 38% 92%)
- HWB
- hwb(45 89% 5%)
- OKLCH
- oklch(0.949 0.016 91.6)
- OKLab
- oklab(0.949 0 0.016)
- CIE Lab
- lab(94.17 -0.13 6.33)
- LCH
- lch(94.17 6.33 91.2)
- CMYK
- cmyk(0% 2% 7% 5%)
Tintes · Sombras · Tonos
Tintes
- F3F0E5
- F5F1E8
- F6F3EB
- F7F5EE
- F8F6F0
- FAF8F3
- FBFAF6
- FCFCF9
- FEFDFC
Sombras
- D2CFC4
- B4B1A8
- 96938C
- 797771
- 5E5C57
- 43423E
- 2B2A27
- 141412
- 030303
Tonos
- E6E2D8
- DAD7CE
- CECCC4
- C3C1BA
- B7B5B0
- ACAAA6
- A1A09C
- 969593
- 8B8A89
Armonías de color
Complementario +180°
- F2EEE2
Cream White
- EAEEFA
≈ Cotton Boll
Análogo -30° +30°
- F2EEE2
Cream White
- F7ECE3
≈ Champagne Flute
- ECF0E4
≈ Bean White
Triádico +120° +240°
- F2EEE2
Cream White
- E2F1F4
≈ Diamond White
- F5EAF3
≈ Snow Plum
Complementario dividido +150° +210°
- F2EEE2
Cream White
- E5F0F8
≈ Clear Vision
- F0ECF8
≈ Placebo Purple
Tetrádico +90° +180° +270°
- F2EEE2
Cream White
- E3F2EF
≈ Bone-Chilling
- EAEEFA
≈ Cotton Boll
- F8EAED
≈ Morning Shine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.15:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 18.10:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.10:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--cream-white: #f2eee2;
--cream-white-rgb: 242 238 226;
--cream-white-oklch: oklch(0.949 0.016 91.6);
}
.element {
color: var(--cream-white);
background-color: hsl(45 38% 92%);
border-color: oklch(0.949 0.016 91.6);
}Tailwind CSS v4
@theme {
--color-cream-white: #f2eee2;
--color-cream-white-50: #f7f5f0;
--color-cream-white-100: #e9e8e2;
--color-cream-white-200: #d6d4cc;
--color-cream-white-300: #bab7ae;
--color-cream-white-400: #a29e94;
--color-cream-white-500: #8a867a;
--color-cream-white-600: #757167;
--color-cream-white-700: #5d5b53;
--color-cream-white-800: #45423c;
--color-cream-white-900: #2f2e29;
--color-cream-white-950: #1c1a17;
}SCSS
$cream-white: #f2eee2;
$cream-white-rgb: 242, 238, 226;
$cream-white-light: mix(#fff, $cream-white, 20%);
$cream-white-dark: mix(#000, $cream-white, 20%);
.element {
color: $cream-white;
box-shadow: 0 0 0 2px rgba($cream-white, 0.35);
}