Colore con nome · #914E75
Sugar Plum
Sugar Plum è #914E75: rgb(145 78 117), hsl(325 30% 44%), oklch(0.517 0.103 345.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sugar Plum color name →
#914E75
oklch(0.517 0.103 345.4)
Conversioni di colore
- HEX
- #914e75
- RGB
- rgb(145 78 117)
- HSL
- hsl(325 30% 44%)
- HWB
- hwb(325 31% 43%)
- OKLCH
- oklch(0.517 0.103 345.4)
- OKLab
- oklab(0.517 0.099 -0.026)
- CIE Lab
- lab(42.52 32.59 -9.39)
- LCH
- lch(42.52 33.91 343.9)
- CMYK
- cmyk(0% 46% 19% 43%)
Tinte · Ombre · Toni
Tinte
- 9D5F82
- A8708F
- B3819C
- BE92AA
- CAA4B8
- D4B6C6
- DFC8D4
- EADAE2
- F4ECF0
Ombre
- 7D4365
- 6A3855
- 582D46
- 462337
- 351929
- 250F1C
- 15070F
- 070205
- 010001
Toni
- 905476
- 8F5977
- 8E5E78
- 8C637A
- 8B687B
- 896D7C
- 87727D
- 85777E
- 837B7F
Armonie di colore
Complementare +180°
- 914E75
Sugar Plum
- 137A59
≈ Ivy League
Analogo -30° +30°
- 914E75
Sugar Plum
- 7E5490
≈ Juneberry
- 9A4D54
≈ Crantini
Triadico +120° +240°
- 914E75
Sugar Plum
- 716B13
≈ Brown Green
- 007392
≈ Blue Fjord
Complementare divisa +150° +210°
- 914E75
Sugar Plum
- 4D7536
≈ Nereus
- 007778
≈ Prismarine
Tetradico +90° +180° +270°
- 914E75
Sugar Plum
- 8A5E11
≈ Rat Brown
- 137A59
≈ Ivy League
- 3D69A2
≈ Star Sapphire
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.91:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.55:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.91:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--sugar-plum: #914e75;
--sugar-plum-rgb: 145 78 117;
--sugar-plum-oklch: oklch(0.517 0.103 345.4);
}
.element {
color: var(--sugar-plum);
background-color: hsl(325 30% 44%);
border-color: oklch(0.517 0.103 345.4);
}Tailwind CSS v4
@theme {
--color-sugar-plum: #914e75;
--color-sugar-plum-50: #ffeafb;
--color-sugar-plum-100: #ffdbee;
--color-sugar-plum-200: #f6c3dc;
--color-sugar-plum-300: #dfa2c1;
--color-sugar-plum-400: #ca86ac;
--color-sugar-plum-500: #b66995;
--color-sugar-plum-600: #9a597e;
--color-sugar-plum-700: #7b4765;
--color-sugar-plum-800: #5b334b;
--color-sugar-plum-900: #402334;
--color-sugar-plum-950: #281220;
}SCSS
$sugar-plum: #914e75;
$sugar-plum-rgb: 145, 78, 117;
$sugar-plum-light: mix(#fff, $sugar-plum, 20%);
$sugar-plum-dark: mix(#000, $sugar-plum, 20%);
.element {
color: $sugar-plum;
box-shadow: 0 0 0 2px rgba($sugar-plum, 0.35);
}