En yakın adlandırılmış renk · #9CA4F4
#9CA4F4
En yakın adlandırılmış renk: Cold Lips
#9CA4F4 (rgb(156 164 244), hsl(235 80% 78%), oklch(0.744 0.116 278.8)) 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.
#9CA4F4
oklch(0.744 0.116 278.8)
Renk dönüşümleri
- HEX
- #9ca4f4
- RGB
- rgb(156 164 244)
- HSL
- hsl(235 80% 78%)
- HWB
- hwb(235 61% 4%)
- OKLCH
- oklch(0.744 0.116 278.8)
- OKLab
- oklab(0.744 0.018 -0.114)
- CIE Lab
- lab(69.11 11.38 -41.39)
- LCH
- lch(69.11 42.92 285.4)
- CMYK
- cmyk(36% 33% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5ADF6
- AFB6F7
- B8C0F9
- C2C9FA
- CCD2FB
- D6DBFC
- E0E4FD
- EAEDFE
- F5F6FF
Koyu tonlar
- 878ED4
- 7379B5
- 5F6497
- 4C507A
- 393D5E
- 282B44
- 181A2B
- 090A14
- 010103
Gri tonlar
- 99A1E8
- 969DDC
- 939AD1
- 9096C5
- 8D93BA
- 8B8FAE
- 888BA2
- 858897
- 83848B
Renk uyumları
Tamamlayıcı +180°
- 9CA4F4
Cold Lips
- BEAD50
≈ Star Fruit Yellow Green
Analog -30° +30°
- 9CA4F4
Cold Lips
- 6FB2F2
≈ French Sky Blue
- C197E4
≈ Bright Lavender
Üçlü +120° +240°
- 9CA4F4
Cold Lips
- EA9275
≈ Warm Welcome
- 65C291
≈ Felt Green
Bölünmüş tamamlayıcı +150° +210°
- 9CA4F4
Cold Lips
- DB9E55
≈ Honeycomb Yellow
- 95BA69
≈ Green Pepper
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.03:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--cold-lips: #9ca4f4;
--cold-lips-rgb: 156 164 244;
--cold-lips-oklch: oklch(0.744 0.116 278.8);
}
.element {
color: var(--cold-lips);
background-color: hsl(235 80% 78%);
border-color: oklch(0.744 0.116 278.8);
}Tailwind CSS v4
@theme {
--color-cold-lips: #9ca4f4;
--color-cold-lips-50: #eef2ff;
--color-cold-lips-100: #e0e4ff;
--color-cold-lips-200: #cbcfff;
--color-cold-lips-300: #acb1f2;
--color-cold-lips-400: #9097e2;
--color-cold-lips-500: #767cd1;
--color-cold-lips-600: #646ab0;
--color-cold-lips-700: #50548e;
--color-cold-lips-800: #383e6a;
--color-cold-lips-900: #272b4a;
--color-cold-lips-950: #151831;
}SCSS
$cold-lips: #9ca4f4;
$cold-lips-rgb: 156, 164, 244;
$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);
}