Named color · #D7D1E9
Air Castle
Air Castle is #D7D1E9: rgb(215 209 233), hsl(255 35% 87%), oklch(0.873 0.033 297.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Air Castle color name →
#D7D1E9
oklch(0.873 0.033 297.1)
Color conversions
- HEX
- #d7d1e9
- RGB
- rgb(215 209 233)
- HSL
- hsl(255 35% 87%)
- HWB
- hwb(255 82% 9%)
- OKLCH
- oklch(0.873 0.033 297.1)
- OKLab
- oklab(0.873 0.015 -0.03)
- CIE Lab
- lab(84.88 5.48 -11.09)
- LCH
- lch(84.88 12.37 296.3)
- CMYK
- cmyk(8% 10% 0% 9%)
Tints · Shades · Tones
Tints
- DBD6EB
- DFDAED
- E3DFF0
- E7E3F2
- EBE8F4
- EFECF6
- F3F1F8
- F7F6FB
- FBFAFD
Shades
- BBB5CB
- 9F9BAD
- 858190
- 6B6874
- 52505A
- 3B3941
- 252329
- 111013
- 020203
Tones
- CEC9DE
- C5C0D3
- BCB8C8
- B3B0BE
- AAA8B3
- A2A0A9
- 99989E
- 919094
- 88888A
Color harmonies
Complementary +180°
- D7D1E9
Air Castle
- D3D8C0
≈ Medlar
Analogous -30° +30°
- D7D1E9
Air Castle
- CBD5EC
≈ Garden Fairy
- E2CEE1
≈ Orchid Shimmer
Triadic +120° +240°
- D7D1E9
Air Castle
- E7D0C0
≈ Farm-Fresh Eggs
- BFDDD5
≈ Pinnacle
Split-complementary +150° +210°
- D7D1E9
Air Castle
- DFD4BD
≈ Steamed Chai
- C7DCC9
≈ Misty Afternoon
Tetradic +90° +180° +270°
- D7D1E9
Air Castle
- EBCDC9
≈ Cameo Peach
- D3D8C0
≈ Medlar
- BDDCE0
≈ Infinitesimal Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.18:1 · APCA Lc 81
Best text color: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--air-castle: #d7d1e9;
--air-castle-rgb: 215 209 233;
--air-castle-oklch: oklch(0.873 0.033 297.1);
}
.element {
color: var(--air-castle);
background-color: hsl(255 35% 87%);
border-color: oklch(0.873 0.033 297.1);
}Tailwind CSS v4
@theme {
--color-air-castle: #d7d1e9;
--color-air-castle-50: #f6f3fe;
--color-air-castle-100: #e9e6f2;
--color-air-castle-200: #d6d1e1;
--color-air-castle-300: #b9b4c7;
--color-air-castle-400: #a09bb0;
--color-air-castle-500: #88829a;
--color-air-castle-600: #736e82;
--color-air-castle-700: #5c5868;
--color-air-castle-800: #43404d;
--color-air-castle-900: #2e2c35;
--color-air-castle-950: #1b1921;
}SCSS
$air-castle: #d7d1e9;
$air-castle-rgb: 215, 209, 233;
$air-castle-light: mix(#fff, $air-castle, 20%);
$air-castle-dark: mix(#000, $air-castle, 20%);
.element {
color: $air-castle;
box-shadow: 0 0 0 2px rgba($air-castle, 0.35);
}