Color con nombre más cercano · #8896E4
#8896E4
Color con nombre más cercano: Cold Lips
#8896E4 (rgb(136 150 228), hsl(231 63% 71%), oklch(0.694 0.116 275.2)) se parece más al color con nombre Cold Lips. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8896E4
oklch(0.694 0.116 275.2)
Conversiones de color
- HEX
- #8896e4
- RGB
- rgb(136 150 228)
- HSL
- hsl(231 63% 71%)
- HWB
- hwb(231 53% 11%)
- OKLCH
- oklch(0.694 0.116 275.2)
- OKLab
- oklab(0.694 0.011 -0.115)
- CIE Lab
- lab(63.38 9.63 -41.68)
- LCH
- lch(63.38 42.78 283)
- CMYK
- cmyk(40% 34% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- 93A1E7
- 9EABEB
- AAB6EE
- B5C0F1
- C1CAF3
- CDD5F6
- DADFF8
- E6EAFB
- F2F4FD
Sombras
- 7582C6
- 636EA9
- 525B8D
- 414972
- 313758
- 22263F
- 131628
- 060812
- 010103
Tonos
- 8794DA
- 8692D0
- 8590C6
- 848EBC
- 848CB2
- 838AA8
- 82879E
- 818594
- 81838A
Armonías de color
Complementario +180°
- 8896E4
Cold Lips
- B39B3E
≈ Golden Olive
Análogo -30° +30°
- 8896E4
Cold Lips
- 5AA3E0
≈ Windjammer
- AD89D6
≈ Middy’s Purple
Triádico +120° +240°
- 8896E4
Cold Lips
- DA816A
≈ Summer Sunset
- 5BB27D
≈ Jade Cream
Complementario dividido +150° +210°
- 8896E4
Cold Lips
- CD8D48
≈ Hey Honey!
- 8CA955
≈ Chelsea Cucumber
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--cold-lips: #8896e4;
--cold-lips-rgb: 136 150 228;
--cold-lips-oklch: oklch(0.694 0.116 275.2);
}
.element {
color: var(--cold-lips);
background-color: hsl(231 63% 71%);
border-color: oklch(0.694 0.116 275.2);
}Tailwind CSS v4
@theme {
--color-cold-lips: #8896e4;
--color-cold-lips-50: #ecf3ff;
--color-cold-lips-100: #dee5ff;
--color-cold-lips-200: #c7d0ff;
--color-cold-lips-300: #a8b2f3;
--color-cold-lips-400: #8b98e3;
--color-cold-lips-500: #717ed2;
--color-cold-lips-600: #606bb1;
--color-cold-lips-700: #4c558e;
--color-cold-lips-800: #353f6a;
--color-cold-lips-900: #242b4b;
--color-cold-lips-950: #131831;
}SCSS
$cold-lips: #8896e4;
$cold-lips-rgb: 136, 150, 228;
$cold-lips-light: mix(#fff, $cold-lips, 20%);
$cold-lips-dark: mix(#000, $cold-lips, 20%);
.element {
color: $cold-lips;
box-shadow: 0 0 0 2px rgba($cold-lips, 0.35);
}