Couleur nommée la plus proche · #9EA3EC
#9EA3EC
Couleur nommée la plus proche: Cold Lips
#9EA3EC (rgb(158 163 236), hsl(236 67% 77%), oklch(0.739 0.105 280.5)) est la plus proche de la couleur nommée Cold Lips. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9EA3EC
oklch(0.739 0.105 280.5)
Conversions de couleur
- HEX
- #9ea3ec
- RGB
- rgb(158 163 236)
- HSL
- hsl(236 67% 77%)
- HWB
- hwb(236 62% 7%)
- OKLCH
- oklch(0.739 0.105 280.5)
- OKLab
- oklab(0.739 0.019 -0.104)
- CIE Lab
- lab(68.71 10.88 -37.64)
- LCH
- lch(68.71 39.18 286.1)
- CMYK
- cmyk(33% 31% 0% 7%)
Teintes · Ombres · Tons
Teintes
- A7ACEE
- B0B5F1
- BABFF3
- C3C8F5
- CDD1F7
- D7DAF9
- E1E3FB
- EBEDFC
- F5F6FE
Ombres
- 898DCD
- 7478AF
- 606392
- 4D4F76
- 3A3C5B
- 292A42
- 181929
- 090A13
- 010103
Tons
- 9BA0E1
- 989CD6
- 9599CB
- 9295C0
- 8F92B6
- 8C8EAB
- 898BA0
- 868795
- 83848B
Harmonies de couleurs
Complémentaire +180°
- 9EA3EC
Cold Lips
- BAAC5A
≈ Gimblet
Analogue -30° +30°
- 9EA3EC
Cold Lips
- 76AFEB
≈ Pool Floor
- BF98DC
≈ Lenurple
Triadique +120° +240°
- 9EA3EC
Cold Lips
- E39477
≈ Dark Salmon Injustice
- 69BF94
≈ Silver Tree
Complémentaire divisée +150° +210°
- 9EA3EC
Cold Lips
- D59F5D
≈ Honey Beehive
- 94B870
≈ Olivine
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.35:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.90:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--cold-lips: #9ea3ec;
--cold-lips-rgb: 158 163 236;
--cold-lips-oklch: oklch(0.739 0.105 280.5);
}
.element {
color: var(--cold-lips);
background-color: hsl(236 67% 77%);
border-color: oklch(0.739 0.105 280.5);
}Tailwind CSS v4
@theme {
--color-cold-lips: #9ea3ec;
--color-cold-lips-50: #f0f2ff;
--color-cold-lips-100: #e2e4ff;
--color-cold-lips-200: #cdcfff;
--color-cold-lips-300: #afb1ec;
--color-cold-lips-400: #9397dc;
--color-cold-lips-500: #7a7dca;
--color-cold-lips-600: #676aab;
--color-cold-lips-700: #525589;
--color-cold-lips-800: #3a3e66;
--color-cold-lips-900: #282b48;
--color-cold-lips-950: #16182f;
}SCSS
$cold-lips: #9ea3ec;
$cold-lips-rgb: 158, 163, 236;
$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);
}