#AD1457

#AD1457 — kody koloru i paleta

#AD1457  ·  rgb(173, 20, 87)  ·  hsl(334, 79%, 38%)

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)

na tle białym (#FFFFFF)
6.97:1 — AA — zaliczony dla normalnego tekstu
na tle czarnym (#000000)
3.01:1 — AA — zaliczony tylko dla dużego tekstu

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 →

Najczęstsze pytania

Jaka jest wartość RGB koloru #AD1457?
Wartość RGB koloru #AD1457 (#AD1457) to rgb(173, 20, 87). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.
Czy #AD1457 jest dostępny na białym tle?
Współczynnik kontrastu koloru #AD1457 na białym tle (#FFFFFF) wynosi 6.97:1 — AA — zaliczony dla normalnego tekstu. Na czarnym tle (#000000) wynosi 3.01:1 — AA — zaliczony tylko dla dużego tekstu. WCAG 2.1 wymaga 4,5:1 dla AA (normalny tekst) i 7:1 dla AAA.
Jakie kolory pasują do #AD1457?
Według teorii kolorów #AD1457 (hsl(334, 79%, 38%)) dobrze komponuje się z kolorami komplementarnymi, analogicznymi i triadycznymi. Zobacz próbki harmonii powyżej, aby poznać dokładne wartości hex każdego zestawienia.