Nearest named color · #AAC9E3
#AAC9E3
Nearest named color: Featherbed
#AAC9E3 (rgb(170 201 227), hsl(207 50% 78%), oklch(0.822 0.05 243.7)) is closest to the named color Featherbed. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AAC9E3
oklch(0.822 0.05 243.7)
Color conversions
- HEX
- #aac9e3
- RGB
- rgb(170 201 227)
- HSL
- hsl(207 50% 78%)
- HWB
- hwb(207 67% 11%)
- OKLCH
- oklch(0.822 0.05 243.7)
- OKLab
- oklab(0.822 -0.022 -0.044)
- CIE Lab
- lab(79.31 -6.44 -16.59)
- LCH
- lch(79.31 17.8 248.8)
- CMYK
- cmyk(25% 11% 0% 11%)
Tints · Shades · Tones
Tints
- B2CEE6
- BBD4E9
- C3D9EC
- CCDEEE
- D4E4F1
- DDE9F4
- E5EFF7
- EEF4FA
- F6FAFC
Shades
- 93AEC5
- 7D95A8
- 687C8C
- 536471
- 3F4C57
- 2D363F
- 1B2227
- 0B0F12
- 010203
Tones
- A6C1D9
- A2BACF
- 9EB3C4
- 99ABBA
- 95A4B0
- 919DA7
- 8D959D
- 888E93
- 84878A
Color harmonies
Complementary +180°
- AAC9E3
Featherbed
- DCBEA4
≈ Brown-Bag It
Analogous -30° +30°
- AAC9E3
Featherbed
- A0CED8
≈ Children’s Soft Blue
- BAC3E6
≈ Canterbury Bells
Triadic +120° +240°
- AAC9E3
Featherbed
- E2B8C1
≈ Love in a Mist
- BECBA8
≈ Pale Leaf
Split-complementary +150° +210°
- AAC9E3
Featherbed
- E3BAB0
≈ Sweet Peach
- CFC5A1
≈ Sand Trail
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.17:1 · APCA Lc 72
Best text color: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--featherbed: #aac9e3;
--featherbed-rgb: 170 201 227;
--featherbed-oklch: oklch(0.822 0.05 243.7);
}
.element {
color: var(--featherbed);
background-color: hsl(207 50% 78%);
border-color: oklch(0.822 0.05 243.7);
}Tailwind CSS v4
@theme {
--color-featherbed: #aac9e3;
--color-featherbed-50: #eaf7ff;
--color-featherbed-100: #dbeaf8;
--color-featherbed-200: #c4d7e9;
--color-featherbed-300: #a3bbd0;
--color-featherbed-400: #86a2ba;
--color-featherbed-500: #6a8aa5;
--color-featherbed-600: #5a758b;
--color-featherbed-700: #485e70;
--color-featherbed-800: #334552;
--color-featherbed-900: #233039;
--color-featherbed-950: #121c24;
}SCSS
$featherbed: #aac9e3;
$featherbed-rgb: 170, 201, 227;
$featherbed-light: mix(#fff, $featherbed, 20%);
$featherbed-dark: mix(#000, $featherbed, 20%);
.element {
color: $featherbed;
box-shadow: 0 0 0 2px rgba($featherbed, 0.35);
}