Cor nomeada mais próxima · #F4B9C4
#F4B9C4
Cor nomeada mais próxima: Ibis
#F4B9C4 (rgb(244 185 196), hsl(349 73% 84%), oklch(0.842 0.069 6.2)) é mais próxima da cor nomeada Ibis. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F4B9C4
oklch(0.842 0.069 6.2)
Conversões de cor
- HEX
- #f4b9c4
- RGB
- rgb(244 185 196)
- HSL
- hsl(349 73% 84%)
- HWB
- hwb(349 73% 4%)
- OKLCH
- oklch(0.842 0.069 6.2)
- OKLab
- oklab(0.842 0.069 0.008)
- CIE Lab
- lab(80.88 23.12 3.16)
- LCH
- lch(80.88 23.34 7.8)
- CMYK
- cmyk(0% 24% 20% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6C0CA
- F7C7D0
- F8CED5
- FAD5DB
- FBDCE1
- FCE3E7
- FDEAED
- FEF1F3
- FEF8F9
Sombras
- D4A0AA
- B58991
- 977178
- 7A5B61
- 5E464A
- 443135
- 2B1E21
- 140D0E
- 030202
Tons
- E8B3BD
- DCAEB6
- D0A8AF
- C5A2A8
- B99CA1
- AE979B
- A29194
- 978B8D
- 8B8687
Harmonias de cor
Complementar +180°
- F4B9C4
Ibis
- 96DBD2
≈ Sweet Rhapsody
Análoga -30° +30°
Tríade +120° +240°
Complementar dividida +150° +210°
- F4B9C4
Ibis
- A7D9B9
≈ Shanghai Jade
- 97D7E9
≈ Blue Sarong
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.58:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.58:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--ibis: #f4b9c4;
--ibis-rgb: 244 185 196;
--ibis-oklch: oklch(0.842 0.069 6.2);
}
.element {
color: var(--ibis);
background-color: hsl(349 73% 84%);
border-color: oklch(0.842 0.069 6.2);
}Tailwind CSS v4
@theme {
--color-ibis: #f4b9c4;
--color-ibis-50: #ffedf1;
--color-ibis-100: #fedfe3;
--color-ibis-200: #f0c9ce;
--color-ibis-300: #d8a9b0;
--color-ibis-400: #c38e98;
--color-ibis-500: #ae737f;
--color-ibis-600: #93616b;
--color-ibis-700: #764e56;
--color-ibis-800: #57383f;
--color-ibis-900: #3d262c;
--color-ibis-950: #261519;
}SCSS
$ibis: #f4b9c4;
$ibis-rgb: 244, 185, 196;
$ibis-light: mix(#fff, $ibis, 20%);
$ibis-dark: mix(#000, $ibis, 20%);
.element {
color: $ibis;
box-shadow: 0 0 0 2px rgba($ibis, 0.35);
}