Colore con nome · #32127A
Persian Indigo
Persian Indigo è #32127A: rgb(50 18 122), hsl(258 74% 27%), oklch(0.312 0.158 287.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Persian Indigo color name →
#32127A
oklch(0.312 0.158 287.1)
Conversioni di colore
- HEX
- #32127a
- RGB
- rgb(50 18 122)
- HSL
- hsl(258 74% 27%)
- HWB
- hwb(258 7% 52%)
- OKLCH
- oklch(0.312 0.158 287.1)
- OKLab
- oklab(0.312 0.046 -0.151)
- CIE Lab
- lab(17.1 36.12 -53.66)
- LCH
- lch(17.1 64.68 303.9)
- CMYK
- cmyk(59% 85% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 412F88
- 524696
- 655DA4
- 7973B2
- 8D8ABF
- A3A1CC
- B9B8D9
- D0CFE6
- E7E7F3
Ombre
- 2A0E69
- 220A59
- 1B0749
- 14043A
- 0D022B
- 07011D
- 030110
- 010005
- 000001
Toni
- 38237C
- 3E2F7D
- 453B7F
- 4C4580
- 545081
- 5C5981
- 656381
- 6E6D81
- 777681
Armonie di colore
Complementare +180°
- 32127A
Persian Indigo
- 353300
≈ Wasabi Nori
Analogo -30° +30°
- 32127A
Persian Indigo
- 002E67
≈ Deep Sea Dream
- 4D0061
≈ God of Nights
Triadico +120° +240°
- 32127A
Persian Indigo
- 521F00
≈ Evil Cigar
- 003B2A
≈ Off-Road Green
Complementare divisa +150° +210°
- 32127A
Persian Indigo
- 432C00
≈ Stirland Mud
- 163B00
≈ Elite Green
Tetradico +90° +180° +270°
- 32127A
Persian Indigo
- 610018
≈ Cherry Picking
- 353300
≈ Wasabi Nori
- 00393A
≈ Customs Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.97:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.50:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.97:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--persian-indigo: #32127a;
--persian-indigo-rgb: 50 18 122;
--persian-indigo-oklch: oklch(0.312 0.158 287.1);
}
.element {
color: var(--persian-indigo);
background-color: hsl(258 74% 27%);
border-color: oklch(0.312 0.158 287.1);
}Tailwind CSS v4
@theme {
--color-persian-indigo: #32127a;
--color-persian-indigo-50: #f3efff;
--color-persian-indigo-100: #e5e0ff;
--color-persian-indigo-200: #d2caff;
--color-persian-indigo-300: #b5a9ff;
--color-persian-indigo-400: #998ef6;
--color-persian-indigo-500: #8270e8;
--color-persian-indigo-600: #6e5fc3;
--color-persian-indigo-700: #584c9d;
--color-persian-indigo-800: #3e3876;
--color-persian-indigo-900: #2b2653;
--color-persian-indigo-950: #181438;
}SCSS
$persian-indigo: #32127a;
$persian-indigo-rgb: 50, 18, 122;
$persian-indigo-light: mix(#fff, $persian-indigo, 20%);
$persian-indigo-dark: mix(#000, $persian-indigo, 20%);
.element {
color: $persian-indigo;
box-shadow: 0 0 0 2px rgba($persian-indigo, 0.35);
}