Named color · #AED0C9
Cassiopeia
Cassiopeia is #AED0C9: rgb(174 208 201), hsl(168 27% 75%), oklch(0.831 0.037 181.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Cassiopeia color name →
#AED0C9
oklch(0.831 0.037 181.5)
Color conversions
- HEX
- #aed0c9
- RGB
- rgb(174 208 201)
- HSL
- hsl(168 27% 75%)
- HWB
- hwb(168 68% 18%)
- OKLCH
- oklch(0.831 0.037 181.5)
- OKLab
- oklab(0.831 -0.037 -0.001)
- CIE Lab
- lab(80.84 -12.77 -0.49)
- LCH
- lch(80.84 12.77 182.2)
- CMYK
- cmyk(16% 0% 3% 18%)
Tints · Shades · Tones
Tints
- B6D5CE
- BED9D4
- C6DED9
- CEE3DE
- D6E7E4
- DEECE9
- E7F1EF
- EFF6F4
- F7FAF9
Shades
- 97B5AE
- 809A95
- 6A807C
- 556764
- 414F4C
- 2E3936
- 1C2322
- 0B100F
- 010202
Tones
- A9C8C1
- A5BFBA
- A0B7B2
- 9CAFAB
- 97A7A4
- 939F9C
- 8E9795
- 898F8E
- 858887
Color harmonies
Complementary +180°
- AED0C9
Cassiopeia
- DEBEC6
≈ Fragrant Orchid
Analogous -30° +30°
- AED0C9
Cassiopeia
- B7CFBC
≈ Pitcher
- ADCFD6
≈ Hisoku Blue
Triadic +120° +240°
- AED0C9
Cassiopeia
- CCC2DD
≈ Lavender Bliss
- DAC3AF
≈ Artisan Tea
Split-complementary +150° +210°
- AED0C9
Cassiopeia
- D7BFD3
≈ Lovely Pink
- DFBFB9
≈ Monroe Kiss
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.66:1 · APCA Lc 74
Best text color: #000000
WCAG 12.66:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--cassiopeia: #aed0c9;
--cassiopeia-rgb: 174 208 201;
--cassiopeia-oklch: oklch(0.831 0.037 181.5);
}
.element {
color: var(--cassiopeia);
background-color: hsl(168 27% 75%);
border-color: oklch(0.831 0.037 181.5);
}Tailwind CSS v4
@theme {
--color-cassiopeia: #aed0c9;
--color-cassiopeia-50: #eaf9f6;
--color-cassiopeia-100: #dbece9;
--color-cassiopeia-200: #c4dad6;
--color-cassiopeia-300: #a3beb9;
--color-cassiopeia-400: #87a6a0;
--color-cassiopeia-500: #6b8f88;
--color-cassiopeia-600: #5b7973;
--color-cassiopeia-700: #48615c;
--color-cassiopeia-800: #344743;
--color-cassiopeia-900: #24312e;
--color-cassiopeia-950: #121d1b;
}SCSS
$cassiopeia: #aed0c9;
$cassiopeia-rgb: 174, 208, 201;
$cassiopeia-light: mix(#fff, $cassiopeia, 20%);
$cassiopeia-dark: mix(#000, $cassiopeia, 20%);
.element {
color: $cassiopeia;
box-shadow: 0 0 0 2px rgba($cassiopeia, 0.35);
}