PeachPuff — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #FFDAB9 | |
| RGB | rgb(255, 218, 185) | |
| HSL | hsl(28, 100%, 86%) |
Odcienie PeachPuff
| #FFC08A | #FFA85C | #FF8F2E | #FF7700 | #D16200 | #A34C00 | #753700 | #472100 |
Jasności PeachPuff
| #FFDCBD | #FFDEC2 | #FFE1C7 | #FFE4CC | #FFE7D1 | #FFE9D6 | #FFECDB | #FFEFE0 |
Zestawienia kolorów i harmonia
|
Komplementarny
#B8DEFF
|
Analogiczny +30°
#FFFDB8
|
Analogiczny −30°
#FFB8BA
|
Triadyczny +120°
#B8FFD9
|
Triadyczny −120°
#D9B8FF
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #FFDAB9;
}
.element-bg {
background-color: #FFDAB9;
color: #000000;
}
.element-border {
border: 2px solid #FFDAB9;
}
O kolorze PeachPuff
PeachPuff to kolor bardzo jasny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #FFDAB9. Dokładne wartości modeli barw to rgb(255, 218, 185) w RGB i hsl(28, 100%, 86%) w HSL (barwa 28°, nasycenie 100%, jasność 86%). Na białym tle współczynnik kontrastu wynosi 1.31:1 — Nie zaliczony, na czarnym — 15.98:1 — AAA — zaliczony dla normalnego tekstu. Użyj PeachPuff 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 →