En yakın adlandırılmış renk · #9EA3EC
#9EA3EC
En yakın adlandırılmış renk: Cold Lips
#9EA3EC (rgb(158 163 236), hsl(236 67% 77%), oklch(0.739 0.105 280.5)) en çok Cold Lips adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9EA3EC
oklch(0.739 0.105 280.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A7ACEE
- B0B5F1
- BABFF3
- C3C8F5
- CDD1F7
- D7DAF9
- E1E3FB
- EBEDFC
- F5F6FE
Koyu tonlar
- 898DCD
- 7478AF
- 606392
- 4D4F76
- 3A3C5B
- 292A42
- 181929
- 090A13
- 010103
Gri tonlar
- 9BA0E1
- 989CD6
- 9599CB
- 9295C0
- 8F92B6
- 8C8EAB
- 898BA0
- 868795
- 83848B
Renk uyumları
Tamamlayıcı +180°
- 9EA3EC
Cold Lips
- BAAC5A
≈ Gimblet
Analog -30° +30°
- 9EA3EC
Cold Lips
- 76AFEB
≈ Pool Floor
- BF98DC
≈ Lenurple
Üçlü +120° +240°
- 9EA3EC
Cold Lips
- E39477
≈ Dark Salmon Injustice
- 69BF94
≈ Silver Tree
Bölünmüş tamamlayıcı +150° +210°
- 9EA3EC
Cold Lips
- D59F5D
≈ Honey Beehive
- 94B870
≈ Olivine
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.35:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.90:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}