Cor nomeada · #36013F
Deep Purple
Deep Purple é #36013F: rgb(54 1 63), hsl(291 97% 13%), oklch(0.242 0.113 321.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Deep Purple color name →
#36013F
oklch(0.242 0.113 321.1)
Conversões de cor
- HEX
- #36013f
- RGB
- rgb(54 1 63)
- HSL
- hsl(291 97% 13%)
- HWB
- hwb(291 0% 75%)
- OKLCH
- oklch(0.242 0.113 321.1)
- OKLab
- oklab(0.242 0.088 -0.071)
- CIE Lab
- lab(10.14 31.92 -25.37)
- LCH
- lch(10.14 40.78 321.5)
- CMYK
- cmyk(14% 98% 0% 75%)
Tons claros · Sombras · Tons
Tons claros
- 491C51
- 5C3463
- 6F4B76
- 836388
- 977C9B
- AB95AF
- BFAEC2
- D4C9D6
- EAE4EB
Sombras
- 2E0135
- 25012C
- 1E0023
- 16001B
- 0F0012
- 08000A
- 030004
- 010001
- 000000
Tons
- 3E1146
- 451F4C
- 4D2B53
- 54375A
- 5C4360
- 634F67
- 6A5B6D
- 726773
- 79747A
Harmonias de cor
Complementar +180°
- 36013F
Deep Purple
- 032800
≈ Zia Olive
Análoga -30° +30°
- 36013F
Deep Purple
- 230C50
≈ Indigo Sloth
- 3F0025
≈ Dark Sanctuary
Tríade +120° +240°
- 36013F
Deep Purple
- 2C1D00
≈ Powdered Cocoa
- 002528
≈ Teal Spill
Complementar dividida +150° +210°
- 36013F
Deep Purple
- 212200
≈ Liquorice Root
- 00271D
≈ Deep Slate Green
Tétrade +90° +180° +270°
- 36013F
Deep Purple
- 361500
≈ American Bronze
- 032800
≈ Zia Olive
- 002333
≈ Midnight Dreams
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 17.03:1 · APCA Lc 103
Ag
FailSobre preto
WCAG 1.23:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 17.03:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--deep-purple: #36013f;
--deep-purple-rgb: 54 1 63;
--deep-purple-oklch: oklch(0.242 0.113 321.1);
}
.element {
color: var(--deep-purple);
background-color: hsl(291 97% 13%);
border-color: oklch(0.242 0.113 321.1);
}Tailwind CSS v4
@theme {
--color-deep-purple: #36013f;
--color-deep-purple-50: #ffebff;
--color-deep-purple-100: #fbdcfe;
--color-deep-purple-200: #edc5f1;
--color-deep-purple-300: #d4a4d9;
--color-deep-purple-400: #bd88c7;
--color-deep-purple-500: #a86bb3;
--color-deep-purple-600: #8e5b97;
--color-deep-purple-700: #72497a;
--color-deep-purple-800: #53355b;
--color-deep-purple-900: #3a2440;
--color-deep-purple-950: #241329;
}SCSS
$deep-purple: #36013f;
$deep-purple-rgb: 54, 1, 63;
$deep-purple-light: mix(#fff, $deep-purple, 20%);
$deep-purple-dark: mix(#000, $deep-purple, 20%);
.element {
color: $deep-purple;
box-shadow: 0 0 0 2px rgba($deep-purple, 0.35);
}