Cor nomeada mais próxima · #B9DFFE
#B9DFFE
Cor nomeada mais próxima: Broad Daylight
#B9DFFE (rgb(185 223 254), hsl(207 97% 86%), oklch(0.887 0.059 243)) é mais próxima da cor nomeada Broad Daylight. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B9DFFE
oklch(0.887 0.059 243)
Conversões de cor
- HEX
- #b9dffe
- RGB
- rgb(185 223 254)
- HSL
- hsl(207 97% 86%)
- HWB
- hwb(207 73% 0%)
- OKLCH
- oklch(0.887 0.059 243)
- OKLab
- oklab(0.887 -0.027 -0.052)
- CIE Lab
- lab(86.85 -7.73 -19.47)
- LCH
- lch(86.85 20.95 248.3)
- CMYK
- cmyk(27% 12% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- C0E2FE
- C7E5FE
- CEE9FF
- D5ECFF
- DCEFFF
- E3F2FF
- EAF6FF
- F1F9FF
- F8FCFF
Sombras
- A0C2DD
- 89A5BD
- 718A9E
- 5B6F80
- 465663
- 313D47
- 1E272D
- 0D1216
- 020203
Tons
- B3D5F1
- AECBE4
- A8C2D7
- A2B8CA
- 9DAEBD
- 97A5B1
- 919CA4
- 8B9298
- 86898C
Harmonias de cor
Complementar +180°
- B9DFFE
Broad Daylight
- F6D2B2
≈ Barrett Quince
Análoga -30° +30°
- B9DFFE
Broad Daylight
- ADE5F1
≈ Uranus
- CDD8FF
≈ Pale Phthalo Blue
Tríade +120° +240°
- B9DFFE
Broad Daylight
- FCCAD6
≈ Flower Spell
- D2E1B6
≈ Celery Bunch
Complementar dividida +150° +210°
- B9DFFE
Broad Daylight
- FECCC1
≈ Crystal Coral
- E7D9AE
≈ Rainforest Dew
Tétrade +90° +180° +270°
- B9DFFE
Broad Daylight
- F2CCEA
≈ Bubblegum Crisis
- F6D2B2
≈ Barrett Quince
- BDE6C8
≈ Canton Jade
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.04:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 15.04:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--broad-daylight: #b9dffe;
--broad-daylight-rgb: 185 223 254;
--broad-daylight-oklch: oklch(0.887 0.059 243);
}
.element {
color: var(--broad-daylight);
background-color: hsl(207 97% 86%);
border-color: oklch(0.887 0.059 243);
}Tailwind CSS v4
@theme {
--color-broad-daylight: #b9dffe;
--color-broad-daylight-50: #e8f7ff;
--color-broad-daylight-100: #d8ebfb;
--color-broad-daylight-200: #c0d8ec;
--color-broad-daylight-300: #9fbbd4;
--color-broad-daylight-400: #81a3bf;
--color-broad-daylight-500: #648baa;
--color-broad-daylight-600: #557690;
--color-broad-daylight-700: #445e73;
--color-broad-daylight-800: #304555;
--color-broad-daylight-900: #20303b;
--color-broad-daylight-950: #101c25;
}SCSS
$broad-daylight: #b9dffe;
$broad-daylight-rgb: 185, 223, 254;
$broad-daylight-light: mix(#fff, $broad-daylight, 20%);
$broad-daylight-dark: mix(#000, $broad-daylight, 20%);
.element {
color: $broad-daylight;
box-shadow: 0 0 0 2px rgba($broad-daylight, 0.35);
}