#FFCCBC — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #FFCCBC | |
| RGB | rgb(255, 204, 188) | |
| HSL | hsl(14, 100%, 87%) |
Odcienie #FFCCBC
| #FFA98F | #FF8661 | #FF6333 | #FF3F05 | #D63200 | #A82700 | #7A1D00 | #4D1200 |
Jasności #FFCCBC
| #FFD0C2 | #FFD4C7 | #FFD8CC | #FFDCD1 | #FFE0D6 | #FFE4DB | #FFE8E0 | #FFEBE5 |
Zestawienia kolorów i harmonia
|
Komplementarny
#BDF0FF
|
Analogiczny +30°
#FFEDBD
|
Analogiczny −30°
#FFBDCE
|
Triadyczny +120°
#BDFFCC
|
Triadyczny −120°
#CCBDFF
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #FFCCBC;
}
.element-bg {
background-color: #FFCCBC;
color: #000000;
}
.element-border {
border: 2px solid #FFCCBC;
}
O kolorze #FFCCBC
#FFCCBC to kolor bardzo jasny o żywym, bardzo wysokim nasyceniu, zdefiniowany kodem hex #FFCCBC. Dokładne wartości modeli barw to rgb(255, 204, 188) w RGB i hsl(14, 100%, 87%) w HSL (barwa 14°, nasycenie 100%, jasność 87%). Na białym tle współczynnik kontrastu wynosi 1.44:1 — Nie zaliczony, na czarnym — 14.62:1 — AAA — zaliczony dla normalnego tekstu. Użyj #FFCCBC 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 →