Cor nomeada · #F1E0CF
Naturale
Naturale é #F1E0CF: rgb(241 224 207), hsl(30 55% 88%), oklch(0.916 0.029 67.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Naturale color name →
#F1E0CF
oklch(0.916 0.029 67.4)
Conversões de cor
- HEX
- #f1e0cf
- RGB
- rgb(241 224 207)
- HSL
- hsl(30 55% 88%)
- HWB
- hwb(30 81% 5%)
- OKLCH
- oklch(0.916 0.029 67.4)
- OKLab
- oklab(0.916 0.011 0.027)
- CIE Lab
- lab(90.23 3.98 10.56)
- LCH
- lch(90.23 11.29 69.4)
- CMYK
- cmyk(0% 7% 14% 5%)
Tons claros · Sombras · Tons
Tons claros
- F2E3D4
- F4E6D9
- F5E9DD
- F7ECE2
- F8EFE7
- F9F3EC
- FBF6F1
- FCF9F5
- FEFCFA
Sombras
- D2C3B4
- B3A699
- 958A7F
- 797067
- 5D564F
- 433E38
- 2B2723
- 141210
- 030202
Tons
- E5D6C7
- D9CCBF
- CEC2B7
- C2B8AF
- B7AFA7
- ACA59F
- A19C97
- 96928F
- 8B8988
Harmonias de cor
Complementar +180°
- F1E0CF
Naturale
- D4E6F6
≈ Snowdrift Glow
Análoga -30° +30°
- F1E0CF
Naturale
- F6DDD6
≈ Touch of Blush
- E8E4CE
≈ Desert Smog
Tríade +120° +240°
- F1E0CF
Naturale
- CEEAE6
≈ Source Blue
- E8DEF3
≈ Lingering Lilac
Complementar dividida +150° +210°
- F1E0CF
Naturale
- CEE9F0
≈ On Thin Ice
- DEE2F7
≈ Imagination
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.30:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--naturale: #f1e0cf;
--naturale-rgb: 241 224 207;
--naturale-oklch: oklch(0.916 0.029 67.4);
}
.element {
color: var(--naturale);
background-color: hsl(30 55% 88%);
border-color: oklch(0.916 0.029 67.4);
}Tailwind CSS v4
@theme {
--color-naturale: #f1e0cf;
--color-naturale-50: #fbf4ec;
--color-naturale-100: #efe6de;
--color-naturale-200: #ddd2c7;
--color-naturale-300: #c2b5a8;
--color-naturale-400: #ab9c8c;
--color-naturale-500: #948372;
--color-naturale-600: #7d6f60;
--color-naturale-700: #64594d;
--color-naturale-800: #4a4038;
--color-naturale-900: #332c26;
--color-naturale-950: #1f1915;
}SCSS
$naturale: #f1e0cf;
$naturale-rgb: 241, 224, 207;
$naturale-light: mix(#fff, $naturale, 20%);
$naturale-dark: mix(#000, $naturale, 20%);
.element {
color: $naturale;
box-shadow: 0 0 0 2px rgba($naturale, 0.35);
}