Cor nomeada mais próxima · #F4C4B1
#F4C4B1
Cor nomeada mais próxima: Taco
#F4C4B1 (rgb(244 196 177), hsl(17 75% 83%), oklch(0.858 0.061 42.7)) é mais próxima da cor nomeada Taco. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F4C4B1
oklch(0.858 0.061 42.7)
Conversões de cor
- HEX
- #f4c4b1
- RGB
- rgb(244 196 177)
- HSL
- hsl(17 75% 83%)
- HWB
- hwb(17 69% 4%)
- OKLCH
- oklch(0.858 0.061 42.7)
- OKLab
- oklab(0.858 0.045 0.041)
- CIE Lab
- lab(83.11 15.66 16.41)
- LCH
- lch(83.11 22.68 46.3)
- CMYK
- cmyk(0% 20% 27% 4%)
Tons claros · Sombras · Tons
Tons claros
- F5CAB9
- F7D0C0
- F8D6C8
- F9DCD0
- FAE1D8
- FBE7E0
- FCEDE7
- FDF3EF
- FEF9F7
Sombras
- D4AA99
- B59183
- 97786C
- 7A6157
- 5E4A42
- 44352F
- 2B211C
- 140E0C
- 030201
Tons
- E8BDAC
- DCB6A7
- D0AFA2
- C5A89D
- B9A298
- AD9B94
- A2948F
- 978D8A
- 8B8785
Harmonias de cor
Complementar +180°
- F4C4B1
Taco
- A5DAED
≈ Mizu Cyan
Análoga -30° +30°
Tríade +120° +240°
Complementar dividida +150° +210°
- F4C4B1
Taco
- A2DDDB
≈ Aqua Spray
- B4D3F8
≈ Ice Cold Stare
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.37:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.37:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--taco: #f4c4b1;
--taco-rgb: 244 196 177;
--taco-oklch: oklch(0.858 0.061 42.7);
}
.element {
color: var(--taco);
background-color: hsl(17 75% 83%);
border-color: oklch(0.858 0.061 42.7);
}Tailwind CSS v4
@theme {
--color-taco: #f4c4b1;
--color-taco-50: #fff0e7;
--color-taco-100: #fbe2d8;
--color-taco-200: #eccdbf;
--color-taco-300: #d3ae9e;
--color-taco-400: #be9382;
--color-taco-500: #a97966;
--color-taco-600: #8f6757;
--color-taco-700: #735245;
--color-taco-800: #553b32;
--color-taco-900: #3b2922;
--color-taco-950: #251711;
}SCSS
$taco: #f4c4b1;
$taco-rgb: 244, 196, 177;
$taco-light: mix(#fff, $taco, 20%);
$taco-dark: mix(#000, $taco, 20%);
.element {
color: $taco;
box-shadow: 0 0 0 2px rgba($taco, 0.35);
}