Cor nomeada · #F5EFD6
Soft Cream
Soft Cream é #F5EFD6: rgb(245 239 214), hsl(48 61% 90%), oklch(0.95 0.033 95.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soft Cream color name →
#F5EFD6
oklch(0.95 0.033 95.9)
Conversões de cor
- HEX
- #f5efd6
- RGB
- rgb(245 239 214)
- HSL
- hsl(48 61% 90%)
- HWB
- hwb(48 84% 4%)
- OKLCH
- oklch(0.95 0.033 95.9)
- OKLab
- oklab(0.95 -0.003 0.033)
- CIE Lab
- lab(94.43 -0.97 12.9)
- LCH
- lch(94.43 12.94 94.3)
- CMYK
- cmyk(0% 2% 13% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6F1DA
- F7F2DE
- F8F4E2
- F9F5E6
- FAF7EB
- FBF9EF
- FCFAF3
- FDFCF7
- FEFDFB
Sombras
- D5D0BA
- B6B19E
- 989484
- 7B786A
- 5F5C52
- 44423B
- 2B2A25
- 151410
- 030302
Tons
- E9E3CD
- DDD8C4
- D0CCBB
- C5C1B3
- B9B6AA
- ADABA2
- A2A099
- 969591
- 8B8B88
Harmonias de cor
Complementar +180°
- F5EFD6
Soft Cream
- EAEEFF
≈ Brilliant White
Análoga -30° +30°
- F5EFD6
Soft Cream
- FFEBD8
≈ Flowerbed
- E9F3DB
≈ Diminished Mint
Tríade +120° +240°
- F5EFD6
Soft Cream
- D6F5FD
≈ Fishious Rend
- FEE7F7
≈ Dolomite Crystal
Complementar dividida +150° +210°
- F5EFD6
Soft Cream
- E1F1FF
≈ Wizard White
- F3EAFF
≈ Placebo Purple
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.15:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.20:1 · APCA Lc 97
Melhor cor de texto: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--soft-cream: #f5efd6;
--soft-cream-rgb: 245 239 214;
--soft-cream-oklch: oklch(0.95 0.033 95.9);
}
.element {
color: var(--soft-cream);
background-color: hsl(48 61% 90%);
border-color: oklch(0.95 0.033 95.9);
}Tailwind CSS v4
@theme {
--color-soft-cream: #f5efd6;
--color-soft-cream-50: #f7f5eb;
--color-soft-cream-100: #ebe8dc;
--color-soft-cream-200: #d8d5c5;
--color-soft-cream-300: #bcb8a5;
--color-soft-cream-400: #a49f89;
--color-soft-cream-500: #8d866d;
--color-soft-cream-600: #77725d;
--color-soft-cream-700: #5f5b4a;
--color-soft-cream-800: #464235;
--color-soft-cream-900: #302e24;
--color-soft-cream-950: #1d1b13;
}SCSS
$soft-cream: #f5efd6;
$soft-cream-rgb: 245, 239, 214;
$soft-cream-light: mix(#fff, $soft-cream, 20%);
$soft-cream-dark: mix(#000, $soft-cream, 20%);
.element {
color: $soft-cream;
box-shadow: 0 0 0 2px rgba($soft-cream, 0.35);
}