Color con nombre más cercano · #E1F4F1
#E1F4F1
Color con nombre más cercano: Bone-Chilling
#E1F4F1 (rgb(225 244 241), hsl(171 46% 92%), oklch(0.952 0.02 185.5)) se parece más al color con nombre Bone-Chilling. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E1F4F1
oklch(0.952 0.02 185.5)
Conversiones de color
- HEX
- #e1f4f1
- RGB
- rgb(225 244 241)
- HSL
- hsl(171 46% 92%)
- HWB
- hwb(171 88% 4%)
- OKLCH
- oklch(0.952 0.02 185.5)
- OKLab
- oklab(0.952 -0.02 -0.002)
- CIE Lab
- lab(94.71 -6.88 -0.8)
- LCH
- lch(94.71 6.92 186.7)
- CMYK
- cmyk(8% 0% 1% 4%)
Tintes · Sombras · Tonos
Tintes
- E4F5F2
- E7F6F4
- EAF7F5
- EDF8F7
- F0FAF8
- F3FBF9
- F6FCFB
- F9FDFC
- FCFEFE
Sombras
- C4D4D2
- A7B5B3
- 8B9795
- 707A79
- 565E5D
- 3E4443
- 272B2B
- 121414
- 020303
Tonos
- D7E8E5
- CDDCD9
- C3D0CE
- B9C4C2
- AFB8B7
- A6ADAC
- 9CA1A0
- 939696
- 898B8B
Armonías de color
Complementario +180°
- E1F4F1
Bone-Chilling
- FCEAED
≈ Placebo Red
Análogo -30° +30°
- E1F4F1
Bone-Chilling
- E5F4E9
≈ Mint Fizz
- E1F3F8
≈ Coastal Breeze
Triádico +120° +240°
- E1F4F1
Bone-Chilling
- F2ECFB
≈ Placebo Purple
- F9EDE1
≈ Alpaca
Complementario dividido +150° +210°
- E1F4F1
Bone-Chilling
- F9EAF5
≈ Placebo Magenta
- FDEBE6
≈ Soft Pink Mist
Tetrádico +90° +180° +270°
- E1F4F1
Bone-Chilling
- EBEEFD
≈ Brilliant White
- FCEAED
≈ Placebo Red
- F3EFE0
≈ Yucatan White Habañero
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.41:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--bone-chilling: #e1f4f1;
--bone-chilling-rgb: 225 244 241;
--bone-chilling-oklch: oklch(0.952 0.02 185.5);
}
.element {
color: var(--bone-chilling);
background-color: hsl(171 46% 92%);
border-color: oklch(0.952 0.02 185.5);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #e1f4f1;
--color-bone-chilling-50: #eff7f6;
--color-bone-chilling-100: #e1eae9;
--color-bone-chilling-200: #cbd7d6;
--color-bone-chilling-300: #acbbb9;
--color-bone-chilling-400: #92a3a0;
--color-bone-chilling-500: #788b88;
--color-bone-chilling-600: #657573;
--color-bone-chilling-700: #515e5c;
--color-bone-chilling-800: #3b4543;
--color-bone-chilling-900: #28302e;
--color-bone-chilling-950: #161c1b;
}SCSS
$bone-chilling: #e1f4f1;
$bone-chilling-rgb: 225, 244, 241;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}