Cor nomeada · #FCE7CF
Fair Ivory
Fair Ivory é #FCE7CF: rgb(252 231 207), hsl(32 88% 90%), oklch(0.939 0.039 71). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Fair Ivory color name →
#FCE7CF
oklch(0.939 0.039 71)
Conversões de cor
- HEX
- #fce7cf
- RGB
- rgb(252 231 207)
- HSL
- hsl(32 88% 90%)
- HWB
- hwb(32 81% 1%)
- OKLCH
- oklch(0.939 0.039 71)
- OKLab
- oklab(0.939 0.013 0.037)
- CIE Lab
- lab(92.9 4.62 14.46)
- LCH
- lch(92.9 15.18 72.3)
- CMYK
- cmyk(0% 8% 18% 1%)
Tons claros · Sombras · Tons
Tons claros
- FCE9D4
- FDECD9
- FDEEDD
- FDF1E2
- FEF3E7
- FEF5EC
- FEF8F1
- FEFAF5
- FFFDFA
Sombras
- DBC9B4
- BBAB99
- 9C8F7F
- 7E7367
- 62594F
- 474038
- 2D2823
- 161310
- 030302
Tons
- EFDCC7
- E2D2BF
- D5C7B7
- C9BDAF
- BCB2A7
- B0A89F
- A49E97
- 98948F
- 8C8A88
Harmonias de cor
Complementar +180°
- FCE7CF
Fair Ivory
- DCEDFF
≈ Calcareous Sinter
Análoga -30° +30°
- FCE7CF
Fair Ivory
- FFE4DA
≈ French Manicure
- F0ECCE
≈ Pacific Sand
Tríade +120° +240°
- FCE7CF
Fair Ivory
- CEF4F1
≈ Tinted Ice
- F3E4FF
≈ Soft Lavender
Complementar dividida +150° +210°
- FCE7CF
Fair Ivory
- CFF1FD
≈ Blue Hijab
- E7E9FF
≈ Glitter
Tétrade +90° +180° +270°
- FCE7CF
Fair Ivory
- D5F3E2
≈ Teal Treat
- DCEDFF
≈ Calcareous Sinter
- FEE1F3
≈ Pale Blossom
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.47:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--fair-ivory: #fce7cf;
--fair-ivory-rgb: 252 231 207;
--fair-ivory-oklch: oklch(0.939 0.039 71);
}
.element {
color: var(--fair-ivory);
background-color: hsl(32 88% 90%);
border-color: oklch(0.939 0.039 71);
}Tailwind CSS v4
@theme {
--color-fair-ivory: #fce7cf;
--color-fair-ivory-50: #fcf4e9;
--color-fair-ivory-100: #f0e6da;
--color-fair-ivory-200: #dfd2c2;
--color-fair-ivory-300: #c4b5a2;
--color-fair-ivory-400: #ae9b86;
--color-fair-ivory-500: #97826a;
--color-fair-ivory-600: #806e5a;
--color-fair-ivory-700: #665848;
--color-fair-ivory-800: #4b4034;
--color-fair-ivory-900: #342c23;
--color-fair-ivory-950: #201912;
}SCSS
$fair-ivory: #fce7cf;
$fair-ivory-rgb: 252, 231, 207;
$fair-ivory-light: mix(#fff, $fair-ivory, 20%);
$fair-ivory-dark: mix(#000, $fair-ivory, 20%);
.element {
color: $fair-ivory;
box-shadow: 0 0 0 2px rgba($fair-ivory, 0.35);
}