En yakın adlandırılmış renk · #8398DF
#8398DF
En yakın adlandırılmış renk: Azureno
#8398DF (rgb(131 152 223), hsl(226 59% 69%), oklch(0.692 0.108 270.8)) 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.
#8398DF
oklch(0.692 0.108 270.8)
Renk dönüşümleri
- HEX
- #8398df
- RGB
- rgb(131 152 223)
- HSL
- hsl(226 59% 69%)
- HWB
- hwb(226 51% 13%)
- OKLCH
- oklch(0.692 0.108 270.8)
- OKLab
- oklab(0.692 0.002 -0.108)
- CIE Lab
- lab(63.37 6.02 -38.98)
- LCH
- lch(63.37 39.44 278.8)
- CMYK
- cmyk(41% 32% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8FA2E3
- 9AADE6
- A6B7EA
- B3C1ED
- BFCBF1
- CCD6F4
- D8E0F7
- E5EAFA
- F2F5FC
Koyu tonlar
- 7184C2
- 6070A5
- 4F5C8A
- 3F4A6F
- 2F3856
- 20273D
- 121727
- 060812
- 010102
Gri tonlar
- 8396D5
- 8294CC
- 8291C2
- 828FB9
- 818DAF
- 818AA6
- 81889D
- 818593
- 80838A
Renk uyumları
Tamamlayıcı +180°
- 8398DF
Azureno
- B59946
≈ Husk
Analog -30° +30°
- 8398DF
Azureno
- 59A4D8
≈ Blue Astro
- A78CD4
≈ Middy’s Purple
Üçlü +120° +240°
- 8398DF
Azureno
- D68273
≈ Golgfag Brown
- 67AF79
≈ Pale Green
Bölünmüş tamamlayıcı +150° +210°
- 8398DF
Azureno
- CC8C53
≈ Orange Nectar Bat
- 92A657
≈ Overt Green
Dörtlü +90° +180° +270°
- 8398DF
Azureno
- D37F98
≈ Little Bow Pink
- B59946
≈ Husk
- 3BB29F
≈ Waterfall
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.52:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--azureno: #8398df;
--azureno-rgb: 131 152 223;
--azureno-oklch: oklch(0.692 0.108 270.8);
}
.element {
color: var(--azureno);
background-color: hsl(226 59% 69%);
border-color: oklch(0.692 0.108 270.8);
}Tailwind CSS v4
@theme {
--color-azureno: #8398df;
--color-azureno-50: #eaf4ff;
--color-azureno-100: #dbe6ff;
--color-azureno-200: #c4d2ff;
--color-azureno-300: #a5b4ef;
--color-azureno-400: #879bde;
--color-azureno-500: #6c81cd;
--color-azureno-600: #5b6dad;
--color-azureno-700: #49578b;
--color-azureno-800: #334068;
--color-azureno-900: #232c49;
--color-azureno-950: #121930;
}SCSS
$azureno: #8398df;
$azureno-rgb: 131, 152, 223;
$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);
}