Colore con nome · #60394D
Violet Posy
Violet Posy è #60394D: rgb(96 57 77), hsl(329 25% 30%), oklch(0.398 0.062 348.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Violet Posy color name →
#60394D
oklch(0.398 0.062 348.2)
Conversioni di colore
- HEX
- #60394d
- RGB
- rgb(96 57 77)
- HSL
- hsl(329 25% 30%)
- HWB
- hwb(329 22% 62%)
- OKLCH
- oklch(0.398 0.062 348.2)
- OKLab
- oklab(0.398 0.061 -0.013)
- CIE Lab
- lab(29.38 20.08 -4.59)
- LCH
- lch(29.38 20.6 347.1)
- CMYK
- cmyk(0% 41% 20% 62%)
Tinte · Ombre · Toni
Tinte
- 6F4B5D
- 7F5D6D
- 8E707E
- 9E8390
- AE97A1
- BEABB3
- CEBFC6
- DED4D9
- EEE9EC
Ombre
- 523042
- 452837
- 381F2C
- 2C1722
- 201018
- 15090F
- 0A0407
- 030102
- 000000
Toni
- 644052
- 674757
- 6B4E5C
- 6E5561
- 715C66
- 74636B
- 776A70
- 7A7175
- 7D797B
Armonie di colore
Complementare +180°
- 60394D
Violet Posy
- 1F5241
≈ Bagpiper
Analogo -30° +30°
- 60394D
Violet Posy
- 553C5D
≈ Old Heliotrope
- 65393A
≈ Royal Garnet
Triadico +120° +240°
- 60394D
Violet Posy
- 4A4A1F
≈ Bronze Tone
- 1C4E62
≈ Lazurite Blue
Complementare divisa +150° +210°
- 60394D
Violet Posy
- 364F2E
≈ Nettle Green
- 0F5153
≈ Emerald Spring
Tetradico +90° +180° +270°
- 60394D
Violet Posy
- 5A431D
≈ Smoked Oak Brown
- 1F5241
≈ Bagpiper
- 324869
≈ Lake View
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.59:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.18:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.59:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--violet-posy: #60394d;
--violet-posy-rgb: 96 57 77;
--violet-posy-oklch: oklch(0.398 0.062 348.2);
}
.element {
color: var(--violet-posy);
background-color: hsl(329 25% 30%);
border-color: oklch(0.398 0.062 348.2);
}Tailwind CSS v4
@theme {
--color-violet-posy: #60394d;
--color-violet-posy-50: #ffeef7;
--color-violet-posy-100: #f9e0eb;
--color-violet-posy-200: #eacad8;
--color-violet-posy-300: #d1abbc;
--color-violet-posy-400: #bb90a5;
--color-violet-posy-500: #a6758d;
--color-violet-posy-600: #8c6477;
--color-violet-posy-700: #705060;
--color-violet-posy-800: #533a47;
--color-violet-posy-900: #3a2831;
--color-violet-posy-950: #24161d;
}SCSS
$violet-posy: #60394d;
$violet-posy-rgb: 96, 57, 77;
$violet-posy-light: mix(#fff, $violet-posy, 20%);
$violet-posy-dark: mix(#000, $violet-posy, 20%);
.element {
color: $violet-posy;
box-shadow: 0 0 0 2px rgba($violet-posy, 0.35);
}