Nazwany kolor · #60394D
Violet Posy
Violet Posy to #60394D: rgb(96 57 77), hsl(329 25% 30%), oklch(0.398 0.062 348.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Violet Posy color name →
#60394D
oklch(0.398 0.062 348.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F4B5D
- 7F5D6D
- 8E707E
- 9E8390
- AE97A1
- BEABB3
- CEBFC6
- DED4D9
- EEE9EC
Odcienie ciemniejsze
- 523042
- 452837
- 381F2C
- 2C1722
- 201018
- 15090F
- 0A0407
- 030102
- 000000
Tony
- 644052
- 674757
- 6B4E5C
- 6E5561
- 715C66
- 74636B
- 776A70
- 7A7175
- 7D797B
Harmonie kolorów
Komplementarna +180°
- 60394D
Violet Posy
- 1F5241
≈ Bagpiper
Analogowa -30° +30°
- 60394D
Violet Posy
- 553C5D
≈ Old Heliotrope
- 65393A
≈ Royal Garnet
Triada +120° +240°
- 60394D
Violet Posy
- 4A4A1F
≈ Bronze Tone
- 1C4E62
≈ Lazurite Blue
Komplementarna rozszczepiona +150° +210°
- 60394D
Violet Posy
- 364F2E
≈ Nettle Green
- 0F5153
≈ Emerald Spring
Tetrada +90° +180° +270°
- 60394D
Violet Posy
- 5A431D
≈ Smoked Oak Brown
- 1F5241
≈ Bagpiper
- 324869
≈ Lake View
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.59:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.18:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.59:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}