Named color · #CC81F0
Azuremyst Isle
Azuremyst Isle is #CC81F0: rgb(204 129 240), hsl(281 79% 72%), oklch(0.723 0.172 313.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Azuremyst Isle color name →
#CC81F0
oklch(0.723 0.172 313.9)
Color conversions
- HEX
- #cc81f0
- RGB
- rgb(204 129 240)
- HSL
- hsl(281 79% 72%)
- HWB
- hwb(281 51% 6%)
- OKLCH
- oklch(0.723 0.172 313.9)
- OKLab
- oklab(0.723 0.119 -0.124)
- CIE Lab
- lab(65.32 43.67 -44.69)
- LCH
- lch(65.32 62.48 314.3)
- CMYK
- cmyk(15% 46% 0% 6%)
Tints · Shades · Tones
Tints
- D18EF2
- D79BF4
- DCA8F6
- E1B5F8
- E6C1FA
- EBCEFB
- F0DAFC
- F5E6FD
- FAF3FE
Shades
- B16FD1
- 975EB2
- 7E4E95
- 653E78
- 4E2E5D
- 371F43
- 22122A
- 0F0614
- 020103
Tones
- C482E5
- BD82D9
- B583CE
- AD83C3
- A683B8
- 9E83AD
- 9782A2
- 8F8296
- 88818B
Color harmonies
Complementary +180°
- CC81F0
Azuremyst Isle
- 76BC3F
≈ Jubilant Meadow
Analogous -30° +30°
- CC81F0
Azuremyst Isle
- 9B97FF
≈ Cobalite
- ED74C0
≈ Explicit Pink
Triadic +120° +240°
- CC81F0
Azuremyst Isle
- DE9400
≈ Beige Red
- 00BDBC
≈ Jade Gravel
Split-complementary +150° +210°
- CC81F0
Azuremyst Isle
- B6A900
≈ Brass Knuckle
- 00C38B
≈ Píng Gǔo Lǜ Green
Tetradic +90° +180° +270°
- CC81F0
Azuremyst Isle
- FB7C40
≈ Sagittarius Amber Artefact
- 76BC3F
≈ Jubilant Meadow
- 00B7E4
≈ Cyanite
Contrast & accessibility
Ag
FailOn white
WCAG 2.63:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.96:1 · APCA Lc 51
Best text color: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--azuremyst-isle: #cc81f0;
--azuremyst-isle-rgb: 204 129 240;
--azuremyst-isle-oklch: oklch(0.723 0.172 313.9);
}
.element {
color: var(--azuremyst-isle);
background-color: hsl(281 79% 72%);
border-color: oklch(0.723 0.172 313.9);
}Tailwind CSS v4
@theme {
--color-azuremyst-isle: #cc81f0;
--color-azuremyst-isle-50: #ffe7ff;
--color-azuremyst-isle-100: #ffd7ff;
--color-azuremyst-isle-200: #f1beff;
--color-azuremyst-isle-300: #da9bf3;
--color-azuremyst-isle-400: #c37ce5;
--color-azuremyst-isle-500: #ae5bd4;
--color-azuremyst-isle-600: #934eb3;
--color-azuremyst-isle-700: #763e90;
--color-azuremyst-isle-800: #562d6d;
--color-azuremyst-isle-900: #3c1e4c;
--color-azuremyst-isle-950: #260e33;
}SCSS
$azuremyst-isle: #cc81f0;
$azuremyst-isle-rgb: 204, 129, 240;
$azuremyst-isle-light: mix(#fff, $azuremyst-isle, 20%);
$azuremyst-isle-dark: mix(#000, $azuremyst-isle, 20%);
.element {
color: $azuremyst-isle;
box-shadow: 0 0 0 2px rgba($azuremyst-isle, 0.35);
}