Cor nomeada · #F8EAD8
Ivory Tassel
Ivory Tassel é #F8EAD8: rgb(248 234 216), hsl(34 70% 91%), oklch(0.943 0.028 74.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ivory Tassel color name →
#F8EAD8
oklch(0.943 0.028 74.3)
Conversões de cor
- HEX
- #f8ead8
- RGB
- rgb(248 234 216)
- HSL
- hsl(34 70% 91%)
- HWB
- hwb(34 85% 3%)
- OKLCH
- oklch(0.943 0.028 74.3)
- OKLab
- oklab(0.943 0.008 0.027)
- CIE Lab
- lab(93.46 2.73 10.57)
- LCH
- lch(93.46 10.91 75.5)
- CMYK
- cmyk(0% 6% 13% 3%)
Tons claros · Sombras · Tons
Tons claros
- F9ECDC
- F9EEE0
- FAF0E4
- FBF2E8
- FCF5EB
- FCF7EF
- FDF9F3
- FEFBF7
- FEFDFB
Sombras
- D8CBBC
- B8AEA0
- 9A9185
- 7C756B
- 605A53
- 45413B
- 2C2925
- 151311
- 030302
Tons
- EBDFCF
- DFD4C6
- D3C9BD
- C6BEB4
- BAB4AB
- AEA9A2
- A29F9A
- 979491
- 8B8A88
Harmonias de cor
Complementar +180°
- F8EAD8
Ivory Tassel
- E0EEFF
≈ Calcareous Sinter
Análoga -30° +30°
- F8EAD8
Ivory Tassel
- FEE7DD
≈ French Manicure
- EFEED8
≈ Acid Blond
Tríade +120° +240°
- F8EAD8
Ivory Tassel
- D8F3F2
≈ Air of Mint
- F3E7FA
≈ Soft Lavender
Complementar dividida +150° +210°
- F8EAD8
Ivory Tassel
- D9F1FB
≈ Water
- EAEAFF
≈ Bright Dusk
Tétrade +90° +180° +270°
- F8EAD8
Ivory Tassel
- DCF3E7
≈ Delicate Mint
- E0EEFF
≈ Calcareous Sinter
- FBE5F1
≈ Cherry Pearl
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.75:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--ivory-tassel: #f8ead8;
--ivory-tassel-rgb: 248 234 216;
--ivory-tassel-oklch: oklch(0.943 0.028 74.3);
}
.element {
color: var(--ivory-tassel);
background-color: hsl(34 70% 91%);
border-color: oklch(0.943 0.028 74.3);
}Tailwind CSS v4
@theme {
--color-ivory-tassel: #f8ead8;
--color-ivory-tassel-50: #faf4ec;
--color-ivory-tassel-100: #ede7de;
--color-ivory-tassel-200: #dbd3c7;
--color-ivory-tassel-300: #c0b6a8;
--color-ivory-tassel-400: #a99c8c;
--color-ivory-tassel-500: #928472;
--color-ivory-tassel-600: #7b7060;
--color-ivory-tassel-700: #63594d;
--color-ivory-tassel-800: #494138;
--color-ivory-tassel-900: #322d26;
--color-ivory-tassel-950: #1e1a15;
}SCSS
$ivory-tassel: #f8ead8;
$ivory-tassel-rgb: 248, 234, 216;
$ivory-tassel-light: mix(#fff, $ivory-tassel, 20%);
$ivory-tassel-dark: mix(#000, $ivory-tassel, 20%);
.element {
color: $ivory-tassel;
box-shadow: 0 0 0 2px rgba($ivory-tassel, 0.35);
}