Cor nomeada mais próxima · #EBF2FA
#EBF2FA
Cor nomeada mais próxima: First Snow
#EBF2FA (rgb(235 242 250), hsl(212 60% 95%), oklch(0.958 0.013 251.6)) é mais próxima da cor nomeada First Snow. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EBF2FA
oklch(0.958 0.013 251.6)
Conversões de cor
- HEX
- #ebf2fa
- RGB
- rgb(235 242 250)
- HSL
- hsl(212 60% 95%)
- HWB
- hwb(212 92% 2%)
- OKLCH
- oklch(0.958 0.013 251.6)
- OKLab
- oklab(0.958 -0.004 -0.012)
- CIE Lab
- lab(95.13 -1.3 -4.71)
- LCH
- lch(95.13 4.89 254.5)
- CMYK
- cmyk(6% 3% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- EDF3FB
- EFF5FB
- F1F6FC
- F3F7FC
- F5F8FD
- F7FAFD
- F9FBFE
- FBFCFE
- FDFEFF
Sombras
- CCD2D9
- AEB4BA
- 91969B
- 75797D
- 5B5E61
- 414346
- 292B2D
- 131415
- 030303
Tons
- E0E6ED
- D5DAE0
- CACED4
- BFC3C7
- B4B7BB
- A9ACAF
- 9FA1A3
- 949697
- 8A8B8B
Harmonias de cor
Complementar +180°
- EBF2FA
First Snow
- F7F0E8
≈ Billowy Clouds
Análoga -30° +30°
- EBF2FA
First Snow
- E8F3F7
≈ Milky Way
- EFF0FA
≈ Airport
Tríade +120° +240°
- EBF2FA
First Snow
- FAEEEF
≈ Vienna Dawn
- EEF3EA
≈ Apple Flower
Complementar dividida +150° +210°
- EBF2FA
First Snow
- FAEFEA
≈ Baby Blossom
- F3F2E8
≈ Willowside
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.61:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--first-snow: #ebf2fa;
--first-snow-rgb: 235 242 250;
--first-snow-oklch: oklch(0.958 0.013 251.6);
}
.element {
color: var(--first-snow);
background-color: hsl(212 60% 95%);
border-color: oklch(0.958 0.013 251.6);
}Tailwind CSS v4
@theme {
--color-first-snow: #ebf2fa;
--color-first-snow-50: #f3f5f9;
--color-first-snow-100: #e5e8ec;
--color-first-snow-200: #d0d5da;
--color-first-snow-300: #b3b8be;
--color-first-snow-400: #999fa6;
--color-first-snow-500: #80878f;
--color-first-snow-600: #6c7279;
--color-first-snow-700: #575b61;
--color-first-snow-800: #3f4347;
--color-first-snow-900: #2b2e31;
--color-first-snow-950: #191b1d;
}SCSS
$first-snow: #ebf2fa;
$first-snow-rgb: 235, 242, 250;
$first-snow-light: mix(#fff, $first-snow, 20%);
$first-snow-dark: mix(#000, $first-snow, 20%);
.element {
color: $first-snow;
box-shadow: 0 0 0 2px rgba($first-snow, 0.35);
}