MediumPurple — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #9370DB | |
| RGB | rgb(147, 112, 219) | |
| HSL | hsl(260, 60%, 65%) |
Odcienie MediumPurple
| #7E54D4 | #6937CD | #5A2DB4 | #4B2697 | #3D1F7A | #2F175E | #211041 | #120925 |
Jasności MediumPurple
| #9D7CDE | #A689E1 | #AF95E4 | #B9A1E8 | #C2ADEB | #CBBAEE | #D4C6F1 | #DDD2F4 |
Zestawienia kolorów i harmonia
|
Komplementarny
#B8DB70
|
Analogiczny +30°
#C970DB
|
Analogiczny −30°
#7082DB
|
Triadyczny +120°
#DB9470
|
Triadyczny −120°
#70DB94
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #9370DB;
}
.element-bg {
background-color: #9370DB;
color: #000000;
}
.element-border {
border: 2px solid #9370DB;
}
O kolorze MediumPurple
MediumPurple to kolor jasny o wysokim nasyceniu, zdefiniowany kodem hex #9370DB. Dokładne wartości modeli barw to rgb(147, 112, 219) w RGB i hsl(260, 60%, 65%) w HSL (barwa 260°, nasycenie 60%, jasność 65%). Na białym tle współczynnik kontrastu wynosi 3.76:1 — AA — zaliczony tylko dla dużego tekstu, na czarnym — 5.58:1 — AA — zaliczony dla normalnego tekstu. Użyj MediumPurple do elementów UI, teł, tekstu, obramowań lub dekoracyjnych akcentów. Sekcja odcieni pokazuje stopniowo ciemniejsze warianty, a jasności — stopniowo jaśniejsze, przydatne do budowania tonalnej palety. Próbki harmonii prezentują zestawienia komplementarne, analogiczne i triadyczne na podstawie koła barw HSL.
Chcesz eksplorować ten kolor interaktywnie, tworzyć palety lub konwertować formaty? DevArbor Color Picker ma wszystko, czego potrzebujesz.
Otwórz próbnik kolorów →