En yakın adlandırılmış renk · #8D9FC8
#8D9FC8
En yakın adlandırılmış renk: Azureno
#8D9FC8 (rgb(141 159 200), hsl(222 35% 67%), oklch(0.703 0.064 266.3)) en çok Azureno 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.
#8D9FC8
oklch(0.703 0.064 266.3)
Renk dönüşümleri
- HEX
- #8d9fc8
- RGB
- rgb(141 159 200)
- HSL
- hsl(222 35% 67%)
- HWB
- hwb(222 55% 22%)
- OKLCH
- oklch(0.703 0.064 266.3)
- OKLab
- oklab(0.703 -0.004 -0.064)
- CIE Lab
- lab(65.19 0.61 -23.41)
- LCH
- lch(65.19 23.41 271.5)
- CMYK
- cmyk(29% 21% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98A8CE
- A3B2D3
- AEBBD9
- B9C5DE
- C5CEE4
- D0D8E9
- DCE2EF
- E7EBF4
- F3F5FA
Koyu tonlar
- 7A8AAE
- 677594
- 55617B
- 444D63
- 333B4C
- 232936
- 141821
- 07090F
- 010102
Gri tonlar
- 8C9CC1
- 8A99B9
- 8996B2
- 8893AB
- 8790A4
- 858D9D
- 848995
- 83868E
- 818387
Renk uyumları
Tamamlayıcı +180°
- 8D9FC8
Azureno
- B19D72
≈ Golden Sage
Analog -30° +30°
- 8D9FC8
Azureno
- 79A6C2
≈ Serene Sea
- A398C3
≈ Bloomsberry
Üçlü +120° +240°
- 8D9FC8
Azureno
- C4918B
≈ Evening Blush
- 86AB88
≈ Baby Spinach
Bölünmüş tamamlayıcı +150° +210°
- 8D9FC8
Azureno
- BF9679
≈ Coffee Gelato
- 9DA577
≈ Forester
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.64:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.92:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--azureno: #8d9fc8;
--azureno-rgb: 141 159 200;
--azureno-oklch: oklch(0.703 0.064 266.3);
}
.element {
color: var(--azureno);
background-color: hsl(222 35% 67%);
border-color: oklch(0.703 0.064 266.3);
}Tailwind CSS v4
@theme {
--color-azureno: #8d9fc8;
--color-azureno-50: #edf5ff;
--color-azureno-100: #dfe8fe;
--color-azureno-200: #c9d4f0;
--color-azureno-300: #a9b7d9;
--color-azureno-400: #8d9ec5;
--color-azureno-500: #7385b1;
--color-azureno-600: #617196;
--color-azureno-700: #4d5a78;
--color-azureno-800: #374259;
--color-azureno-900: #262e3e;
--color-azureno-950: #141a27;
}SCSS
$azureno: #8d9fc8;
$azureno-rgb: 141, 159, 200;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);
.element {
color: $azureno;
box-shadow: 0 0 0 2px rgba($azureno, 0.35);
}