#B2EBF2 — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #B2EBF2 | |
| RGB | rgb(178, 235, 242) | |
| HSL | hsl(187, 71%, 82%) |
Odcienie #B2EBF2
| #89E0EB | #62D5E4 | #3BCBDE | #22B5C9 | #1B92A1 | #156E7A | #0E4B53 | #07272C |
Jasności #B2EBF2
| #B9ECF3 | #C2EFF5 | #CBF1F6 | #D3F3F8 | #DCF6F9 | #E5F8FB | #EEFAFC | #F6FDFE |
Zestawienia kolorów i harmonia
|
Komplementarny
#F2B8B1
|
Analogiczny +30°
#B1C9F2
|
Analogiczny −30°
#B1F2D9
|
Triadyczny +120°
#F2B1EA
|
Triadyczny −120°
#EAF2B1
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #B2EBF2;
}
.element-bg {
background-color: #B2EBF2;
color: #000000;
}
.element-border {
border: 2px solid #B2EBF2;
}
O kolorze #B2EBF2
#B2EBF2 to kolor bardzo jasny o wysokim nasyceniu, zdefiniowany kodem hex #B2EBF2. Dokładne wartości modeli barw to rgb(178, 235, 242) w RGB i hsl(187, 71%, 82%) w HSL (barwa 187°, nasycenie 71%, jasność 82%). Na białym tle współczynnik kontrastu wynosi 1.31:1 — Nie zaliczony, na czarnym — 16.06:1 — AAA — zaliczony dla normalnego tekstu. Użyj #B2EBF2 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 →