Color con nombre más cercano · #E1ECEA
#E1ECEA
Color con nombre más cercano: Second Wind
#E1ECEA (rgb(225 236 234), hsl(169 22% 90%), oklch(0.934 0.012 184.1)) se parece más al color con nombre Second Wind. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E1ECEA
oklch(0.934 0.012 184.1)
Conversiones de color
- HEX
- #e1ecea
- RGB
- rgb(225 236 234)
- HSL
- hsl(169 22% 90%)
- HWB
- hwb(169 88% 7%)
- OKLCH
- oklch(0.934 0.012 184.1)
- OKLab
- oklab(0.934 -0.012 -0.001)
- CIE Lab
- lab(92.52 -4.06 -0.36)
- LCH
- lch(92.52 4.07 185.1)
- CMYK
- cmyk(5% 0% 1% 7%)
Tintes · Sombras · Tonos
Tintes
- E4EEEC
- E7F0EE
- EAF2F0
- EDF4F2
- F0F5F4
- F3F7F7
- F6F9F9
- F9FBFB
- FCFDFD
Sombras
- C4CDCB
- A7AFAE
- 8B9291
- 707675
- 565B5A
- 3E4241
- 272929
- 121313
- 020303
Tonos
- D7E1DF
- CDD5D4
- C3CAC9
- B9BFBE
- AFB4B4
- A6AAA9
- 9C9F9F
- 939594
- 898A8A
Armonías de color
Complementario +180°
- E1ECEA
Second Wind
- F1E6E8
≈ Mont Blanc Peak
Análogo -30° +30°
- E1ECEA
Second Wind
- E3ECE6
≈ Hallowed Hush
- E1EBEE
≈ Prelude
Triádico +120° +240°
- E1ECEA
Second Wind
- EBE7F0
≈ Tranquil Eve
- EFE8E1
≈ Almond Roca
Complementario dividido +150° +210°
- E1ECEA
Second Wind
- EFE6ED
≈ In the Spotlight
- F1E7E4
≈ Homoeopathic Orange
Tetrádico +90° +180° +270°
- E1ECEA
Second Wind
- E6E9F2
≈ Whisper Blue
- F1E6E8
≈ Mont Blanc Peak
- ECE9E0
≈ Taj Mahal
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.38:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--second-wind: #e1ecea;
--second-wind-rgb: 225 236 234;
--second-wind-oklch: oklch(0.934 0.012 184.1);
}
.element {
color: var(--second-wind);
background-color: hsl(169 22% 90%);
border-color: oklch(0.934 0.012 184.1);
}Tailwind CSS v4
@theme {
--color-second-wind: #e1ecea;
--color-second-wind-50: #f1f6f5;
--color-second-wind-100: #e4e9e8;
--color-second-wind-200: #cfd6d5;
--color-second-wind-300: #b1b9b8;
--color-second-wind-400: #97a19f;
--color-second-wind-500: #7e8987;
--color-second-wind-600: #6b7472;
--color-second-wind-700: #555d5b;
--color-second-wind-800: #3e4443;
--color-second-wind-900: #2b2f2e;
--color-second-wind-950: #181b1b;
}SCSS
$second-wind: #e1ecea;
$second-wind-rgb: 225, 236, 234;
$second-wind-light: mix(#fff, $second-wind, 20%);
$second-wind-dark: mix(#000, $second-wind, 20%);
.element {
color: $second-wind;
box-shadow: 0 0 0 2px rgba($second-wind, 0.35);
}