Named color · #F9E8D8
Aria Ivory
Aria Ivory is #F9E8D8: rgb(249 232 216), hsl(29 73% 91%), oklch(0.94 0.028 65.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Aria Ivory color name →
#F9E8D8
oklch(0.94 0.028 65.8)
Color conversions
- HEX
- #f9e8d8
- RGB
- rgb(249 232 216)
- HSL
- hsl(29 73% 91%)
- HWB
- hwb(29 85% 2%)
- OKLCH
- oklch(0.94 0.028 65.8)
- OKLab
- oklab(0.94 0.012 0.026)
- CIE Lab
- lab(93.05 4.05 10)
- LCH
- lch(93.05 10.79 67.9)
- CMYK
- cmyk(0% 7% 13% 2%)
Tints · Shades · Tones
Tints
- FAEADC
- FAEDE0
- FBEFE4
- FBF1E8
- FCF4EB
- FDF6EF
- FDF8F3
- FEFAF7
- FEFDFB
Shades
- D9CABC
- B9ACA0
- 9A9085
- 7D746B
- 615953
- 46403B
- 2C2925
- 151311
- 030302
Tones
- ECDDCF
- E0D2C6
- D3C8BD
- C7BDB4
- BBB3AB
- AFA8A2
- A39E9A
- 979491
- 8B8A88
Color harmonies
Complementary +180°
- F9E8D8
Aria Ivory
- DCEEFE
≈ Calcareous Sinter
Analogous -30° +30°
- F9E8D8
Aria Ivory
- FDE5DF
≈ Bridesmaid
- F1ECD7
≈ Mesa Beige
Triadic +120° +240°
- F9E8D8
Aria Ivory
- D7F2EE
≈ Air of Mint
- F0E7FB
≈ Bright Dusk
Split-complementary +150° +210°
- F9E8D8
Aria Ivory
- D7F1F7
≈ Let It Snow
- E6EAFF
≈ Glitter
Tetradic +90° +180° +270°
- F9E8D8
Aria Ivory
- DDF1E3
≈ Aloe Mist
- DCEEFE
≈ Calcareous Sinter
- F8E5F3
≈ Soft Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.56:1 · APCA Lc 95
Best text color: #000000
WCAG 17.56:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--aria-ivory: #f9e8d8;
--aria-ivory-rgb: 249 232 216;
--aria-ivory-oklch: oklch(0.94 0.028 65.8);
}
.element {
color: var(--aria-ivory);
background-color: hsl(29 73% 91%);
border-color: oklch(0.94 0.028 65.8);
}Tailwind CSS v4
@theme {
--color-aria-ivory: #f9e8d8;
--color-aria-ivory-50: #fbf4ed;
--color-aria-ivory-100: #eee6de;
--color-aria-ivory-200: #ddd2c8;
--color-aria-ivory-300: #c1b5a8;
--color-aria-ivory-400: #aa9b8d;
--color-aria-ivory-500: #948373;
--color-aria-ivory-600: #7d6f61;
--color-aria-ivory-700: #64594e;
--color-aria-ivory-800: #4a4038;
--color-aria-ivory-900: #332c27;
--color-aria-ivory-950: #1f1915;
}SCSS
$aria-ivory: #f9e8d8;
$aria-ivory-rgb: 249, 232, 216;
$aria-ivory-light: mix(#fff, $aria-ivory, 20%);
$aria-ivory-dark: mix(#000, $aria-ivory, 20%);
.element {
color: $aria-ivory;
box-shadow: 0 0 0 2px rgba($aria-ivory, 0.35);
}