Colore con nome · #913881
Hollyhock
Hollyhock è #913881: rgb(145 56 129), hsl(311 44% 39%), oklch(0.49 0.149 335.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Hollyhock color name →
#913881
oklch(0.49 0.149 335.2)
Conversioni di colore
- HEX
- #913881
- RGB
- rgb(145 56 129)
- HSL
- hsl(311 44% 39%)
- HWB
- hwb(311 22% 43%)
- OKLCH
- oklch(0.49 0.149 335.2)
- OKLab
- oklab(0.49 0.136 -0.062)
- CIE Lab
- lab(38.67 44.79 -22.6)
- LCH
- lch(38.67 50.17 333.2)
- CMYK
- cmyk(0% 61% 11% 43%)
Tinte · Ombre · Toni
Tinte
- 9D4D8D
- A9619A
- B474A6
- C087B3
- CB9BBF
- D6AFCC
- E0C2D8
- EBD6E5
- F5EBF2
Ombre
- 7D2F6F
- 6A275E
- 581F4E
- 46173E
- 350F2E
- 25081F
- 150412
- 070106
- 010001
Toni
- 904181
- 8F4981
- 8E5181
- 8D5881
- 8C5F81
- 8A6681
- 886D81
- 857381
- 837A80
Armonie di colore
Complementare +180°
- 913881
Hollyhock
- 007441
≈ Succulents
Analogo -30° +30°
- 913881
Hollyhock
- 7545A3
≈ Studio
- A13155
≈ Bōtan
Triadico +120° +240°
- 913881
Hollyhock
- 725F00
≈ Hot Mustard
- 006C7F
≈ Shinbashi Azure
Complementare divisa +150° +210°
- 913881
Hollyhock
- 506C00
≈ Over the Hills
- 007067
≈ Tide Pools
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.80:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.08:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--hollyhock: #913881;
--hollyhock-rgb: 145 56 129;
--hollyhock-oklch: oklch(0.49 0.149 335.2);
}
.element {
color: var(--hollyhock);
background-color: hsl(311 44% 39%);
border-color: oklch(0.49 0.149 335.2);
}Tailwind CSS v4
@theme {
--color-hollyhock: #913881;
--color-hollyhock-50: #ffe6ff;
--color-hollyhock-100: #ffd5fa;
--color-hollyhock-200: #febceb;
--color-hollyhock-300: #e899d3;
--color-hollyhock-400: #d47ac1;
--color-hollyhock-500: #c05aac;
--color-hollyhock-600: #a24d92;
--color-hollyhock-700: #823d75;
--color-hollyhock-800: #602c58;
--color-hollyhock-900: #431e3d;
--color-hollyhock-950: #2b0d27;
}SCSS
$hollyhock: #913881;
$hollyhock-rgb: 145, 56, 129;
$hollyhock-light: mix(#fff, $hollyhock, 20%);
$hollyhock-dark: mix(#000, $hollyhock, 20%);
.element {
color: $hollyhock;
box-shadow: 0 0 0 2px rgba($hollyhock, 0.35);
}