#662288 Sapphire Siren
#662288 is a dark, vivid purple named Sapphire Siren. In the RGB color model it is made of 40.0% red, 13.3% green and 53.3% blue (rgb(102, 34, 136)). Its HSL value is 280° hue, 60% saturation and 33% lightness, and in CMYK it is 25% cyan, 75% magenta, 0% yellow and 47% black. #662288 is a cool color. White text reads best on it, with a contrast ratio of 9.77:1.
#662288 color conversion
- HEX
- RGB
- HSL
- HSB / HSV
- HWB
- CMYK
- XYZ
- CIELAB
- CIELCh
- CIELUV
- OKLCH
Variations of #662288
Shades
Mixed with black: richer and darker.
Tints
Mixed with white: lighter and softer.
Tones
Mixed with gray: calmer and more muted.
Hues
The same lightness and chroma, rotated around the color wheel.
Temperatures
Cooler on the left, warmer on the right.
#662288 color harmonies
Split complementary
The two hues next to the complement — contrast with less tension.
Open in generator →#662288 for color-blind viewers (and dogs)
How #662288 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →
- Dog vision 73% similarHow dogs see it · simulated as #134586
- Protanopia 72% similar1.3% of men, 0.02% of women · simulated as #00418B
- Protanomaly 78% similar1.3% of men, 0.02% of women · simulated as #2C3B8A
- Deuteranopia 73% similar1.2% of men, 0.01% of women · simulated as #134586
- Deuteranomaly 82% similar5% of men, 0.35% of women · simulated as #3B3C87
- Tritanopia 78% similar0.001% of men, 0.03% of women · simulated as #623953
- Tritanomaly 91% similar0.0001% of men, 0.0001% of women · simulated as #662D73
- Achromatopsia 67% similar0.003% of men, 0.003% of women · simulated as #444444
- Achromatomaly 78% similar0.001% of men, 0.001% of women · simulated as #4E3D5B
#662288 contrast checker
Need another background? Pick any pair in the palette generator and open the contrast panel.
Colors similar to #662288
Palettes with #662288
- 3923475D207F82538BA877C3C98EDDE7B9FFPurple Void to Mauve
- 172C00721F88468A27B97EC39FE6AELindworm Green to Grape Green
- C0A4E72818339E43CB6B2598F8EFFFEnchanted Lavender to Cloud Break
- 1D0037300D2A28384A6631815C569FCoal Mine to Ultrapurple Merge
- 5A630046C5E3FFD7D2CF47389F7FEE600C8DForestial Outpost to Extraviolet
- C4DDFF9ACA278B9E00885700701697382000Broad Daylight to Medium Roast
#662288 in CSS
/* Sapphire Siren */
.color { color: #662288; }
.background { background-color: #662288; }
.border { border: 1px solid #662288; }
/* Other notations */
color: rgb(102 34 136);
color: hsl(280 60% 33%);
color: oklch(0.407 0.164 311.7);#662288 FAQ
What color is #662288?
#662288 is a dark, vivid purple. Its closest named color is Sapphire Siren. It belongs to the purple color family and is a cool color.
What is the RGB value of #662288?
#662288 is rgb(102, 34, 136) in RGB, hsl(280, 60%, 33%) in HSL and cmyk(25%, 75%, 0%, 47%) in CMYK.
What is the complementary color of #662288?
The complementary color of #662288 is #448822, which sits opposite it on the color wheel.
Which text color works on #662288?
White text has the best contrast on #662288: 9.77:1, which meets the WCAG AA requirement of 4.5:1 for normal text.
Is #662288 a warm or cool color?
#662288 is a cool color.