#80CBC4 — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #80CBC4 | |
| RGB | rgb(128, 203, 196) | |
| HSL | hsl(174, 42%, 65%) |
Odcienie #80CBC4
| #67C1B8 | #4EB7AC | #419F96 | #37867E | #2C6D66 | #22534E | #183A37 | #0D211F |
Jasności #80CBC4
| #8BD0C9 | #96D4CE | #A1D9D3 | #ACDDD8 | #B7E1DD | #C1E6E2 | #CCEAE7 | #D7EFEC |
Zestawienia kolorów i harmonia
|
Komplementarny
#CB8088
|
Analogiczny +30°
#80ADCB
|
Analogiczny −30°
#80CB9E
|
Triadyczny +120°
#C480CB
|
Triadyczny −120°
#CBC480
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #80CBC4;
}
.element-bg {
background-color: #80CBC4;
color: #000000;
}
.element-border {
border: 2px solid #80CBC4;
}
O kolorze #80CBC4
#80CBC4 to kolor jasny o umiarkowanym nasyceniu, zdefiniowany kodem hex #80CBC4. Dokładne wartości modeli barw to rgb(128, 203, 196) w RGB i hsl(174, 42%, 65%) w HSL (barwa 174°, nasycenie 42%, jasność 65%). Na białym tle współczynnik kontrastu wynosi 1.87:1 — Nie zaliczony, na czarnym — 11.26:1 — AAA — zaliczony dla normalnego tekstu. Użyj #80CBC4 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 →