Colore con nome · #331144
Purple Door
Purple Door è #331144: rgb(51 17 68), hsl(280 60% 17%), oklch(0.26 0.095 312.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Door color name →
#331144
oklch(0.26 0.095 312.3)
Conversioni di colore
- HEX
- #331144
- RGB
- rgb(51 17 68)
- HSL
- hsl(280 60% 17%)
- HWB
- hwb(280 7% 73%)
- OKLCH
- oklch(0.26 0.095 312.3)
- OKLab
- oklab(0.26 0.064 -0.07)
- CIE Lab
- lab(12.54 24.71 -25.09)
- LCH
- lch(12.54 35.22 314.6)
- CMYK
- cmyk(25% 75% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 452756
- 583D67
- 6B5379
- 7F6A8C
- 93819E
- A899B1
- BDB2C4
- D3CBD8
- E9E5EB
Ombre
- 2B0D3A
- 230930
- 1C0626
- 14041D
- 0D0214
- 07010C
- 030005
- 010002
- 000000
Toni
- 3A1D4A
- 422851
- 493357
- 513D5D
- 594863
- 605369
- 685E6F
- 706974
- 78757A
Armonie di colore
Complementare +180°
- 331144
Purple Door
- 162B00
≈ Diminishing Green
Analogo -30° +30°
- 331144
Purple Door
- 1F1A4F
≈ Silent Orbit
- 400930
≈ Greek Aubergine
Triadico +120° +240°
- 331144
Purple Door
- 341F00
≈ Black Swan
- 002B2A
≈ Black Box
Complementare divisa +150° +210°
- 331144
Purple Door
- 292500
≈ Liquorice Root
- 002C1B
≈ Bush
Tetradico +90° +180° +270°
- 331144
Purple Door
- 411300
≈ Black Chocolate
- 162B00
≈ Diminishing Green
- 002935
≈ Daintree
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 16.09:1 · APCA Lc 103
Ag
FailSu nero
WCAG 1.30:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 16.09:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-door: #331144;
--purple-door-rgb: 51 17 68;
--purple-door-oklch: oklch(0.26 0.095 312.3);
}
.element {
color: var(--purple-door);
background-color: hsl(280 60% 17%);
border-color: oklch(0.26 0.095 312.3);
}Tailwind CSS v4
@theme {
--color-purple-door: #331144;
--color-purple-door-50: #ffeeff;
--color-purple-door-100: #f4dfff;
--color-purple-door-200: #e3c9f1;
--color-purple-door-300: #c9a9da;
--color-purple-door-400: #b28ec7;
--color-purple-door-500: #9c73b4;
--color-purple-door-600: #836298;
--color-purple-door-700: #694e7a;
--color-purple-door-800: #4d395b;
--color-purple-door-900: #352740;
--color-purple-door-950: #201528;
}SCSS
$purple-door: #331144;
$purple-door-rgb: 51, 17, 68;
$purple-door-light: mix(#fff, $purple-door, 20%);
$purple-door-dark: mix(#000, $purple-door, 20%);
.element {
color: $purple-door;
box-shadow: 0 0 0 2px rgba($purple-door, 0.35);
}