Named color · #C8A2C8
Stormy Sunrise
Stormy Sunrise is #C8A2C8: rgb(200 162 200), hsl(300 26% 71%), oklch(0.759 0.068 326.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Stormy Sunrise color name →
#C8A2C8
oklch(0.759 0.068 326.2)
Color conversions
- HEX
- #c8a2c8
- RGB
- rgb(200 162 200)
- HSL
- hsl(300 26% 71%)
- HWB
- hwb(300 64% 22%)
- OKLCH
- oklch(0.759 0.068 326.2)
- OKLab
- oklab(0.759 0.057 -0.038)
- CIE Lab
- lab(71.05 19.31 -14)
- LCH
- lch(71.05 23.85 324.1)
- CMYK
- cmyk(0% 19% 0% 22%)
Tints · Shades · Tones
Tints
- CEABCD
- D3B4D3
- D9BDD8
- DEC7DE
- E4D0E3
- E9D9E9
- EFE3EE
- F4ECF4
- FAF5F9
Shades
- AE8CAE
- 947794
- 7B637B
- 634F63
- 4C3C4C
- 362A36
- 211921
- 0F0A0F
- 020102
Tones
- C19FC1
- B99BB9
- B298B2
- AB94AB
- A491A3
- 9C8E9C
- 958A95
- 8E878E
- 878387
Color harmonies
Complementary +180°
- C8A2C8
Stormy Sunrise
- 95BD97
≈ Green-Eyed Lady
Analogous -30° +30°
- C8A2C8
Stormy Sunrise
- B4A8D8
≈ Grape Illusion
- D59FB2
≈ Gizmo
Triadic +120° +240°
- C8A2C8
Stormy Sunrise
- C4AE7F
≈ Cliff Ridge
- 7BBDC6
≈ Aqua Vitale
Split-complementary +150° +210°
- C8A2C8
Stormy Sunrise
- AEB785
≈ Lima Green
- 81BFAF
≈ Mintage
Tetradic +90° +180° +270°
- C8A2C8
Stormy Sunrise
- D3A687
≈ Yolande
- 95BD97
≈ Green-Eyed Lady
- 87B8D7
≈ Periwinkle Sky
Contrast & accessibility
Ag
FailOn white
WCAG 2.22:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.45:1 · APCA Lc 58
Best text color: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--stormy-sunrise: #c8a2c8;
--stormy-sunrise-rgb: 200 162 200;
--stormy-sunrise-oklch: oklch(0.759 0.068 326.2);
}
.element {
color: var(--stormy-sunrise);
background-color: hsl(300 26% 71%);
border-color: oklch(0.759 0.068 326.2);
}Tailwind CSS v4
@theme {
--color-stormy-sunrise: #c8a2c8;
--color-stormy-sunrise-50: #ffefff;
--color-stormy-sunrise-100: #f5e0f4;
--color-stormy-sunrise-200: #e5cae3;
--color-stormy-sunrise-300: #cbacc9;
--color-stormy-sunrise-400: #b491b4;
--color-stormy-sunrise-500: #9e769e;
--color-stormy-sunrise-600: #866486;
--color-stormy-sunrise-700: #6b506b;
--color-stormy-sunrise-800: #4e3a50;
--color-stormy-sunrise-900: #362838;
--color-stormy-sunrise-950: #211622;
}SCSS
$stormy-sunrise: #c8a2c8;
$stormy-sunrise-rgb: 200, 162, 200;
$stormy-sunrise-light: mix(#fff, $stormy-sunrise, 20%);
$stormy-sunrise-dark: mix(#000, $stormy-sunrise, 20%);
.element {
color: $stormy-sunrise;
box-shadow: 0 0 0 2px rgba($stormy-sunrise, 0.35);
}