#AD1457 — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #AD1457 | |
| RGB | rgb(173, 20, 87) | |
| HSL | hsl(334, 79%, 38%) |
Odcienie #AD1457
| #9B124E | #891044 | #770E3B | #640C32 | #520A29 | #400720 | #2E0517 | #1B030E |
Jasności #AD1457
| #C91864 | #E41B72 | #E73683 | #EB5294 | #EE6DA5 | #F188B6 | #F4A4C7 | #F8BFD8 |
Zestawienia kolorów i harmonia
|
Komplementarny
#14AD6B
|
Analogiczny +30°
#AD1F14
|
Analogiczny −30°
#AD14A3
|
Triadyczny +120°
#57AD14
|
Triadyczny −120°
#1457AD
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #AD1457;
}
.element-bg {
background-color: #AD1457;
color: #ffffff;
}
.element-border {
border: 2px solid #AD1457;
}
O kolorze #AD1457
#AD1457 to kolor ciemny o wysokim nasyceniu, zdefiniowany kodem hex #AD1457. Dokładne wartości modeli barw to rgb(173, 20, 87) w RGB i hsl(334, 79%, 38%) w HSL (barwa 334°, nasycenie 79%, jasność 38%). Na białym tle współczynnik kontrastu wynosi 6.97:1 — AA — zaliczony dla normalnego tekstu, na czarnym — 3.01:1 — AA — zaliczony tylko dla dużego tekstu. Użyj #AD1457 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 →