Colore con nome · #734A65
Dirty Purple
Dirty Purple è #734A65: rgb(115 74 101), hsl(320 22% 37%), oklch(0.465 0.068 340.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Dirty Purple color name →
#734A65
oklch(0.465 0.068 340.4)
Conversioni di colore
- HEX
- #734a65
- RGB
- rgb(115 74 101)
- HSL
- hsl(320 22% 37%)
- HWB
- hwb(320 29% 55%)
- OKLCH
- oklch(0.465 0.068 340.4)
- OKLab
- oklab(0.465 0.064 -0.023)
- CIE Lab
- lab(36.95 21.21 -8.32)
- LCH
- lch(36.95 22.79 338.6)
- CMYK
- cmyk(0% 36% 12% 55%)
Tinte · Ombre · Toni
Tinte
- 815B73
- 8E6C82
- 9C7D91
- AA8FA0
- B8A1AF
- C6B3BF
- D4C5CE
- E2D8DE
- F1ECEF
Ombre
- 633F57
- 543549
- 452A3C
- 36202F
- 281722
- 1B0E17
- 0F060C
- 050203
- 010000
Toni
- 754F68
- 76556A
- 785A6D
- 796070
- 7B6573
- 7C6A75
- 7D7078
- 7E757B
- 7F7B7D
Armonie di colore
Complementare +180°
- 734A65
Dirty Purple
- 34654C
≈ Poker Green
Analogo -30° +30°
- 734A65
Dirty Purple
- 654E76
≈ Imperial Palace
- 7A4950
≈ Nocturne Red
Triadico +120° +240°
- 734A65
Dirty Purple
- 625A2B
≈ Fir Green
- 256274
≈ Holiday Velvet
Complementare divisa +150° +210°
- 734A65
Dirty Purple
- 4C6138
≈ Plasticine
- 206562
≈ Abduction
Tetradico +90° +180° +270°
- 734A65
Dirty Purple
- 71522C
≈ Bark Brown
- 34654C
≈ Poker Green
- 3B5C7E
≈ Matisse
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.25:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.89:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--dirty-purple: #734a65;
--dirty-purple-rgb: 115 74 101;
--dirty-purple-oklch: oklch(0.465 0.068 340.4);
}
.element {
color: var(--dirty-purple);
background-color: hsl(320 22% 37%);
border-color: oklch(0.465 0.068 340.4);
}Tailwind CSS v4
@theme {
--color-dirty-purple: #734a65;
--color-dirty-purple-50: #ffeefa;
--color-dirty-purple-100: #f9dfee;
--color-dirty-purple-200: #eac9dc;
--color-dirty-purple-300: #d1aac1;
--color-dirty-purple-400: #bb8fab;
--color-dirty-purple-500: #a57594;
--color-dirty-purple-600: #8c637d;
--color-dirty-purple-700: #704f64;
--color-dirty-purple-800: #52394a;
--color-dirty-purple-900: #392734;
--color-dirty-purple-950: #23151f;
}SCSS
$dirty-purple: #734a65;
$dirty-purple-rgb: 115, 74, 101;
$dirty-purple-light: mix(#fff, $dirty-purple, 20%);
$dirty-purple-dark: mix(#000, $dirty-purple, 20%);
.element {
color: $dirty-purple;
box-shadow: 0 0 0 2px rgba($dirty-purple, 0.35);
}