Nearest named color · #C5AEDB
#C5AEDB
Nearest named color: Moonraker
#C5AEDB (rgb(197 174 219), hsl(271 38% 77%), oklch(0.785 0.067 308)) is closest to the named color Moonraker. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C5AEDB
oklch(0.785 0.067 308)
Color conversions
- HEX
- #c5aedb
- RGB
- rgb(197 174 219)
- HSL
- hsl(271 38% 77%)
- HWB
- hwb(271 68% 14%)
- OKLCH
- oklch(0.785 0.067 308)
- OKLab
- oklab(0.785 0.042 -0.053)
- CIE Lab
- lab(74.23 14.86 -19.64)
- LCH
- lch(74.23 24.63 307.1)
- CMYK
- cmyk(10% 21% 0% 14%)
Tints · Shades · Tones
Tints
- CBB6DF
- D0BEE2
- D6C6E6
- DCCEEA
- E2D6ED
- E8DEF1
- EDE6F4
- F3EFF8
- F9F7FC
Shades
- AB97BE
- 9280A2
- 796A87
- 61556D
- 4B4154
- 352E3C
- 211C26
- 0E0B11
- 020102
Tones
- BEA9D2
- B7A5C8
- B0A0BF
- A99CB6
- A297AD
- 9B92A4
- 948E9B
- 8D8992
- 878589
Color harmonies
Complementary +180°
- C5AEDB
Moonraker
- ADC294
≈ Harmonious
Analogous -30° +30°
- C5AEDB
Moonraker
- AEB6E5
≈ Perano
- D7A9C8
≈ Lofty Delight
Triadic +120° +240°
- C5AEDB
Moonraker
- D6B28B
≈ Summerwood
- 86C8C1
≈ Mercury Mist
Split-complementary +150° +210°
- C5AEDB
Moonraker
- C4BA88
≈ Goody Two Shoes
- 95C7A9
≈ Peppermint Spray
Tetradic +90° +180° +270°
- C5AEDB
Moonraker
- E0AB9A
≈ Sun-Kissed Beach
- ADC294
≈ Harmonious
- 87C4D6
≈ Dolphin
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.45:1 · APCA Lc 63
Best text color: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--moonraker: #c5aedb;
--moonraker-rgb: 197 174 219;
--moonraker-oklch: oklch(0.785 0.067 308);
}
.element {
color: var(--moonraker);
background-color: hsl(271 38% 77%);
border-color: oklch(0.785 0.067 308);
}Tailwind CSS v4
@theme {
--color-moonraker: #c5aedb;
--color-moonraker-50: #fbf0ff;
--color-moonraker-100: #efe2f9;
--color-moonraker-200: #ddcdea;
--color-moonraker-300: #c2aed2;
--color-moonraker-400: #a994be;
--color-moonraker-500: #937aa9;
--color-moonraker-600: #7c688f;
--color-moonraker-700: #635372;
--color-moonraker-800: #483c55;
--color-moonraker-900: #32293b;
--color-moonraker-950: #1e1725;
}SCSS
$moonraker: #c5aedb;
$moonraker-rgb: 197, 174, 219;
$moonraker-light: mix(#fff, $moonraker, 20%);
$moonraker-dark: mix(#000, $moonraker, 20%);
.element {
color: $moonraker;
box-shadow: 0 0 0 2px rgba($moonraker, 0.35);
}