Colore con nome · #B1DBF5
Endless Horizon
Endless Horizon è #B1DBF5: rgb(177 219 245), hsl(203 77% 83%), oklch(0.87 0.057 235.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Endless Horizon color name →
#B1DBF5
oklch(0.87 0.057 235.5)
Conversioni di colore
- HEX
- #b1dbf5
- RGB
- rgb(177 219 245)
- HSL
- hsl(203 77% 83%)
- HWB
- hwb(203 69% 4%)
- OKLCH
- oklch(0.87 0.057 235.5)
- OKLab
- oklab(0.87 -0.032 -0.047)
- CIE Lab
- lab(85.05 -9.83 -17.51)
- LCH
- lch(85.05 20.08 240.7)
- CMYK
- cmyk(28% 11% 0% 4%)
Tinte · Ombre · Toni
Tinte
- B9DFF6
- C1E2F7
- C9E6F8
- D0EAF9
- D8EDFA
- E0F1FB
- E8F4FC
- F0F8FD
- F7FBFE
Ombre
- 99BED5
- 83A2B6
- 6C8798
- 576D7B
- 42545F
- 2F3C44
- 1C262B
- 0C1115
- 010203
Toni
- ACD2E9
- A7C8DD
- A3BFD1
- 9EB6C5
- 99ADB9
- 94A3AD
- 8F9AA2
- 8A9296
- 85898B
Armonie di colore
Complementare +180°
- B1DBF5
Endless Horizon
- F3CBB1
≈ Bellini
Analogo -30° +30°
- B1DBF5
Endless Horizon
- A9E0E6
≈ Vandermint
- C2D4FB
≈ Pale Phthalo Blue
Triadico +120° +240°
- B1DBF5
Endless Horizon
- F4C5D6
≈ Sweetheart
- D2D9AF
≈ Green Mesh
Complementare divisa +150° +210°
- B1DBF5
Endless Horizon
- F8C7C1
≈ Seashell Pink
- E5D2AA
≈ Morning Wheat
Tetradico +90° +180° +270°
- B1DBF5
Endless Horizon
- E8C8E9
≈ Sugar High
- F3CBB1
≈ Bellini
- BEDFBE
≈ Cuddle Bug
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.32:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--endless-horizon: #b1dbf5;
--endless-horizon-rgb: 177 219 245;
--endless-horizon-oklch: oklch(0.87 0.057 235.5);
}
.element {
color: var(--endless-horizon);
background-color: hsl(203 77% 83%);
border-color: oklch(0.87 0.057 235.5);
}Tailwind CSS v4
@theme {
--color-endless-horizon: #b1dbf5;
--color-endless-horizon-50: #e7f8ff;
--color-endless-horizon-100: #d7ebf9;
--color-endless-horizon-200: #bed8ea;
--color-endless-horizon-300: #9dbcd1;
--color-endless-horizon-400: #7ea4bc;
--color-endless-horizon-500: #618da7;
--color-endless-horizon-600: #52778d;
--color-endless-horizon-700: #415f71;
--color-endless-horizon-800: #2e4653;
--color-endless-horizon-900: #1f303a;
--color-endless-horizon-950: #0f1d24;
}SCSS
$endless-horizon: #b1dbf5;
$endless-horizon-rgb: 177, 219, 245;
$endless-horizon-light: mix(#fff, $endless-horizon, 20%);
$endless-horizon-dark: mix(#000, $endless-horizon, 20%);
.element {
color: $endless-horizon;
box-shadow: 0 0 0 2px rgba($endless-horizon, 0.35);
}