Color con nombre más cercano · #EBFAEF
#EBFAEF
Color con nombre más cercano: Polar
#EBFAEF (rgb(235 250 239), hsl(136 60% 95%), oklch(0.971 0.021 154.1)) se parece más al color con nombre Polar. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EBFAEF
oklch(0.971 0.021 154.1)
Conversiones de color
- HEX
- #ebfaef
- RGB
- rgb(235 250 239)
- HSL
- hsl(136 60% 95%)
- HWB
- hwb(136 92% 2%)
- OKLCH
- oklch(0.971 0.021 154.1)
- OKLab
- oklab(0.971 -0.019 0.009)
- CIE Lab
- lab(96.92 -6.58 3.51)
- LCH
- lch(96.92 7.46 151.9)
- CMYK
- cmyk(6% 0% 4% 2%)
Tintes · Sombras · Tonos
Tintes
- EDFBF1
- EFFBF2
- F1FCF4
- F3FCF5
- F5FDF7
- F7FDF9
- F9FEFA
- FBFEFC
- FDFFFD
Sombras
- CCD9D0
- AEBAB1
- 919B94
- 757D78
- 5B615C
- 414642
- 292D2A
- 131514
- 030303
Tonos
- E0EDE3
- D5E0D8
- CAD4CC
- BFC7C1
- B4BBB6
- A9AFAB
- 9FA3A0
- 949795
- 8A8B8B
Armonías de color
Complementario +180°
- EBFAEF
Polar
- FFF0FB
≈ Pinkish White
Análogo -30° +30°
- EBFAEF
Polar
- F2F8E9
≈ Bean Sprout
- E7FBF7
≈ Melting Glacier
Triádico +120° +240°
- EBFAEF
Polar
- F2F5FF
≈ Cotton Ball
- FFF2EF
≈ Polished Pink
Complementario dividido +150° +210°
- EBFAEF
Polar
- F8F3FF
≈ Sugar Crystal
- FFF2F4
≈ Glimpse of Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.45:1 · APCA Lc 102
Mejor color de texto: #000000
WCAG 19.45:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
CSS
:root {
--polar: #ebfaef;
--polar-rgb: 235 250 239;
--polar-oklch: oklch(0.971 0.021 154.1);
}
.element {
color: var(--polar);
background-color: hsl(136 60% 95%);
border-color: oklch(0.971 0.021 154.1);
}Tailwind CSS v4
@theme {
--color-polar: #ebfaef;
--color-polar-50: #f0f7f3;
--color-polar-100: #e2eae5;
--color-polar-200: #cdd7d0;
--color-polar-300: #afbbb3;
--color-polar-400: #95a299;
--color-polar-500: #7c8b80;
--color-polar-600: #69756c;
--color-polar-700: #545e56;
--color-polar-800: #3d453f;
--color-polar-900: #2a2f2b;
--color-polar-950: #181c19;
}SCSS
$polar: #ebfaef;
$polar-rgb: 235, 250, 239;
$polar-light: mix(#fff, $polar, 20%);
$polar-dark: mix(#000, $polar, 20%);
.element {
color: $polar;
box-shadow: 0 0 0 2px rgba($polar, 0.35);
}