Couleur nommée · #B1DBF5
Endless Horizon
Endless Horizon correspond à #B1DBF5 : rgb(177 219 245), hsl(203 77% 83%), oklch(0.87 0.057 235.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Blue mean? → · Endless Horizon color name →
#B1DBF5
oklch(0.87 0.057 235.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B9DFF6
- C1E2F7
- C9E6F8
- D0EAF9
- D8EDFA
- E0F1FB
- E8F4FC
- F0F8FD
- F7FBFE
Ombres
- 99BED5
- 83A2B6
- 6C8798
- 576D7B
- 42545F
- 2F3C44
- 1C262B
- 0C1115
- 010203
Tons
- ACD2E9
- A7C8DD
- A3BFD1
- 9EB6C5
- 99ADB9
- 94A3AD
- 8F9AA2
- 8A9296
- 85898B
Harmonies de couleurs
Complémentaire +180°
- B1DBF5
Endless Horizon
- F3CBB1
≈ Bellini
Analogue -30° +30°
- B1DBF5
Endless Horizon
- A9E0E6
≈ Vandermint
- C2D4FB
≈ Pale Phthalo Blue
Triadique +120° +240°
- B1DBF5
Endless Horizon
- F4C5D6
≈ Sweetheart
- D2D9AF
≈ Green Mesh
Complémentaire divisée +150° +210°
- B1DBF5
Endless Horizon
- F8C7C1
≈ Seashell Pink
- E5D2AA
≈ Morning Wheat
Tétradique +90° +180° +270°
- B1DBF5
Endless Horizon
- E8C8E9
≈ Sugar High
- F3CBB1
≈ Bellini
- BEDFBE
≈ Cuddle Bug
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.46:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.32:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
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);
}