En yakın adlandırılmış renk · #6E97FE
#6E97FE
En yakın adlandırılmış renk: Polar Glow
#6E97FE (rgb(110 151 254), hsl(223 99% 71%), oklch(0.694 0.158 266)) en çok Polar Glow 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.
#6E97FE
oklch(0.694 0.158 266)
Renk dönüşümleri
- HEX
- #6e97fe
- RGB
- rgb(110 151 254)
- HSL
- hsl(223 99% 71%)
- HWB
- hwb(223 43% 0%)
- OKLCH
- oklch(0.694 0.158 266)
- OKLab
- oklab(0.694 -0.011 -0.158)
- CIE Lab
- lab(63.06 8.59 -56.55)
- LCH
- lch(63.06 57.2 278.6)
- CMYK
- cmyk(57% 41% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7CA2FF
- 8AADFF
- 98B7FF
- A6C2FF
- B5CCFF
- C3D7FF
- D2E1FF
- E1EBFF
- F0F5FF
Koyu tonlar
- 5F83DD
- 506FBD
- 415C9E
- 334980
- 263763
- 192647
- 0E172D
- 040816
- 010103
Gri tonlar
- 7095F1
- 7294E5
- 7492D8
- 7690CC
- 788DBF
- 798BB3
- 7B88A6
- 7D8699
- 7E838D
Renk uyumları
Tamamlayıcı +180°
- 6E97FE
Polar Glow
- C39500
≈ Nugget Gold
Analog -30° +30°
- 6E97FE
Polar Glow
- 00A9EC
≈ Vivid Cerulean
- A685F2
≈ Lilac Geode
Üçlü +120° +240°
- 6E97FE
Polar Glow
- EE7067
≈ Debutante
- 50B65D
≈ Samphire Green
Bölünmüş tamamlayıcı +150° +210°
- 6E97FE
Polar Glow
- E47E22
≈ Sports Fan
- 98A701
≈ Augustus Asparagus
Dörtlü +90° +180° +270°
- 6E97FE
Polar Glow
- E66E9F
≈ Shadow Azalea Pink
- C39500
≈ Nugget Gold
- 00B699
≈ Aare River
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 {
--polar-glow: #6e97fe;
--polar-glow-rgb: 110 151 254;
--polar-glow-oklch: oklch(0.694 0.158 266);
}
.element {
color: var(--polar-glow);
background-color: hsl(223 99% 71%);
border-color: oklch(0.694 0.158 266);
}Tailwind CSS v4
@theme {
--color-polar-glow: #6e97fe;
--color-polar-glow-50: #e2f5ff;
--color-polar-glow-100: #d1e7ff;
--color-polar-glow-200: #b7d2ff;
--color-polar-glow-300: #95b4ff;
--color-polar-glow-400: #729afc;
--color-polar-glow-500: #547eee;
--color-polar-glow-600: #486bc8;
--color-polar-glow-700: #3956a1;
--color-polar-glow-800: #253f79;
--color-polar-glow-900: #192c55;
--color-polar-glow-950: #0a1839;
}SCSS
$polar-glow: #6e97fe;
$polar-glow-rgb: 110, 151, 254;
$polar-glow-light: mix(#fff, $polar-glow, 20%);
$polar-glow-dark: mix(#000, $polar-glow, 20%);
.element {
color: $polar-glow;
box-shadow: 0 0 0 2px rgba($polar-glow, 0.35);
}