Nazwany kolor · #BBE1E6
Forever
Forever to #BBE1E6: rgb(187 225 230), hsl(187 46% 82%), oklch(0.884 0.04 206.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Forever color name →
#BBE1E6
oklch(0.884 0.04 206.2)
Konwersje koloru
- HEX
- #bbe1e6
- RGB
- rgb(187 225 230)
- HSL
- hsl(187 46% 82%)
- HWB
- hwb(187 73% 10%)
- OKLCH
- oklch(0.884 0.04 206.2)
- OKLab
- oklab(0.884 -0.036 -0.018)
- CIE Lab
- lab(86.91 -12.07 -6.81)
- LCH
- lch(86.91 13.85 209.4)
- CMYK
- cmyk(19% 2% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2E4E8
- C9E7EB
- D0EAED
- D6EDF0
- DDF0F2
- E4F3F5
- EBF6F7
- F2F9FA
- F8FCFC
Odcienie ciemniejsze
- A2C4C8
- 8AA7AB
- 738B8E
- 5C7073
- 465659
- 323E40
- 1F2728
- 0D1213
- 020203
Tony
- B5D7DB
- AFCDD1
- A9C3C6
- A3B9BC
- 9EAFB2
- 98A6A8
- 929C9D
- 8C9394
- 86898A
Harmonie kolorów
Komplementarna +180°
- BBE1E6
Forever
- F3CFCB
≈ Coral Candy
Analogowa -30° +30°
- BBE1E6
Forever
- BEE2D8
≈ Serendipity
- C1DEF0
≈ Tropical Pool
Triada +120° +240°
- BBE1E6
Forever
- E8D0E7
≈ Lilacs in Spring
- E5D8BB
≈ Nature Trail
Komplementarna rozszczepiona +150° +210°
- BBE1E6
Forever
- F0CED9
≈ Berry Butter
- EFD3C0
≈ Maiden’s Blush
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.02:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--forever: #bbe1e6;
--forever-rgb: 187 225 230;
--forever-oklch: oklch(0.884 0.04 206.2);
}
.element {
color: var(--forever);
background-color: hsl(187 46% 82%);
border-color: oklch(0.884 0.04 206.2);
}Tailwind CSS v4
@theme {
--color-forever: #bbe1e6;
--color-forever-50: #e9f9fb;
--color-forever-100: #d9ecef;
--color-forever-200: #c1d9dd;
--color-forever-300: #a0bec2;
--color-forever-400: #83a6aa;
--color-forever-500: #678e93;
--color-forever-600: #57787d;
--color-forever-700: #456064;
--color-forever-800: #324749;
--color-forever-900: #223132;
--color-forever-950: #111d1e;
}SCSS
$forever: #bbe1e6;
$forever-rgb: 187, 225, 230;
$forever-light: mix(#fff, $forever, 20%);
$forever-dark: mix(#000, $forever, 20%);
.element {
color: $forever;
box-shadow: 0 0 0 2px rgba($forever, 0.35);
}