Named color · #724AA1
Studio
Studio is #724AA1: rgb(114 74 161), hsl(268 37% 46%), oklch(0.495 0.138 302.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Studio color name →
#724AA1
oklch(0.495 0.138 302.9)
Color conversions
- HEX
- #724aa1
- RGB
- rgb(114 74 161)
- HSL
- hsl(268 37% 46%)
- HWB
- hwb(268 29% 37%)
- OKLCH
- oklch(0.495 0.138 302.9)
- OKLab
- oklab(0.495 0.075 -0.116)
- CIE Lab
- lab(39.26 31.14 -41.42)
- LCH
- lch(39.26 51.82 306.9)
- CMYK
- cmyk(29% 54% 0% 37%)
Tints · Shades · Tones
Tints
- 7F5CAB
- 8C6EB5
- 9A7FBF
- A891C8
- B6A3D2
- C4B5DB
- D2C7E4
- E1DAED
- F0ECF6
Shades
- 623F8B
- 533576
- 442A62
- 36204E
- 28173C
- 1B0E2A
- 0E0619
- 040209
- 010001
Tones
- 73509E
- 75569B
- 765C98
- 776295
- 796792
- 7A6C8F
- 7C718B
- 7D7688
- 7E7B84
Color harmonies
Complementary +180°
- 724AA1
Studio
- 556C00
≈ Over the Hills
Analogous -30° +30°
- 724AA1
Studio
- 4958AF
≈ Chinese Bellflower
- 8E3F83
≈ Dahlia
Triadic +120° +240°
- 724AA1
Studio
- 8E5100
≈ Plain Old Brown
- 007266
≈ Pharaoh’s Gem
Split-complementary +150° +210°
- 724AA1
Studio
- 765F00
≈ Spicy Mustard
- 00753C
≈ Succulents
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.54:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.20:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--studio: #724aa1;
--studio-rgb: 114 74 161;
--studio-oklch: oklch(0.495 0.138 302.9);
}
.element {
color: var(--studio);
background-color: hsl(268 37% 46%);
border-color: oklch(0.495 0.138 302.9);
}Tailwind CSS v4
@theme {
--color-studio: #724aa1;
--color-studio-50: #feecff;
--color-studio-100: #f2ddff;
--color-studio-200: #e2c6ff;
--color-studio-300: #c8a5f0;
--color-studio-400: #af89e1;
--color-studio-500: #996cd0;
--color-studio-600: #815cb0;
--color-studio-700: #68498d;
--color-studio-800: #4b356a;
--color-studio-900: #34244b;
--color-studio-950: #1f1331;
}SCSS
$studio: #724aa1;
$studio-rgb: 114, 74, 161;
$studio-light: mix(#fff, $studio, 20%);
$studio-dark: mix(#000, $studio, 20%);
.element {
color: $studio;
box-shadow: 0 0 0 2px rgba($studio, 0.35);
}