Color con nombre más cercano · #B7DFFD
#B7DFFD
Color con nombre más cercano: Endless Horizon
#B7DFFD (rgb(183 223 253), hsl(206 95% 85%), oklch(0.885 0.059 240.7)) se parece más al color con nombre Endless Horizon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B7DFFD
oklch(0.885 0.059 240.7)
Conversiones de color
- HEX
- #b7dffd
- RGB
- rgb(183 223 253)
- HSL
- hsl(206 95% 85%)
- HWB
- hwb(206 72% 1%)
- OKLCH
- oklch(0.885 0.059 240.7)
- OKLab
- oklab(0.885 -0.029 -0.052)
- CIE Lab
- lab(86.7 -8.52 -19.19)
- LCH
- lch(86.7 21 246.1)
- CMYK
- cmyk(28% 12% 0% 1%)
Tintes · Sombras · Tonos
Tintes
- BEE2FD
- C6E5FE
- CDE9FE
- D4ECFE
- DBEFFE
- E2F2FF
- EAF6FF
- F1F9FF
- F8FCFF
Sombras
- 9FC2DC
- 87A5BC
- 708A9D
- 5A6F7F
- 455662
- 313D47
- 1E272D
- 0C1216
- 020203
Tonos
- B2D5F0
- ACCBE3
- A7C2D6
- A1B8C9
- 9CAEBD
- 96A5B0
- 919CA4
- 8B9298
- 86898C
Armonías de color
Complementario +180°
- B7DFFD
Endless Horizon
- F7D1B2
≈ Barrett Quince
Análogo -30° +30°
- B7DFFD
Endless Horizon
- ACE4EF
≈ Uranus
- CBD8FF
≈ Pale Phthalo Blue
Triádico +120° +240°
- B7DFFD
Endless Horizon
- FCCAD7
≈ Flower Spell
- D3E0B4
≈ Celery Bunch
Complementario dividido +150° +210°
- B7DFFD
Endless Horizon
- FECBC2
≈ Piggy Dreams
- E8D8AD
≈ Beeswax
Tetrádico +90° +180° +270°
- B7DFFD
Endless Horizon
- F1CCEC
≈ Bubblegum Crisis
- F7D1B2
≈ Barrett Quince
- BEE5C5
≈ Canton Jade
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 14.98:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--endless-horizon: #b7dffd;
--endless-horizon-rgb: 183 223 253;
--endless-horizon-oklch: oklch(0.885 0.059 240.7);
}
.element {
color: var(--endless-horizon);
background-color: hsl(206 95% 85%);
border-color: oklch(0.885 0.059 240.7);
}Tailwind CSS v4
@theme {
--color-endless-horizon: #b7dffd;
--color-endless-horizon-50: #e7f8ff;
--color-endless-horizon-100: #d8ebfa;
--color-endless-horizon-200: #bfd8ec;
--color-endless-horizon-300: #9ebcd4;
--color-endless-horizon-400: #7fa4be;
--color-endless-horizon-500: #628caa;
--color-endless-horizon-600: #537690;
--color-endless-horizon-700: #425f73;
--color-endless-horizon-800: #2f4555;
--color-endless-horizon-900: #20303b;
--color-endless-horizon-950: #0f1c25;
}SCSS
$endless-horizon: #b7dffd;
$endless-horizon-rgb: 183, 223, 253;
$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);
}