En yakın adlandırılmış renk · #6F97FD
#6F97FD
En yakın adlandırılmış renk: Polar Glow
#6F97FD (rgb(111 151 253), hsl(223 97% 71%), oklch(0.694 0.157 266.3)) 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.
#6F97FD
oklch(0.694 0.157 266.3)
Renk dönüşümleri
- HEX
- #6f97fd
- RGB
- rgb(111 151 253)
- HSL
- hsl(223 97% 71%)
- HWB
- hwb(223 44% 1%)
- OKLCH
- oklch(0.694 0.157 266.3)
- OKLab
- oklab(0.694 -0.01 -0.156)
- CIE Lab
- lab(63.07 8.56 -55.99)
- LCH
- lch(63.07 56.64 278.7)
- CMYK
- cmyk(56% 40% 0% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7DA2FE
- 8AADFF
- 98B7FF
- A7C2FF
- B5CCFF
- C4D6FF
- D2E1FF
- E1EBFF
- F0F5FF
Koyu tonlar
- 6083DC
- 516FBC
- 425C9D
- 34497F
- 273762
- 1A2647
- 0E172D
- 040816
- 010103
Gri tonlar
- 7195F0
- 7394E4
- 7492D7
- 768FCB
- 788DBF
- 7A8BB2
- 7B88A6
- 7D8699
- 7E838D
Renk uyumları
Tamamlayıcı +180°
- 6F97FD
Polar Glow
- C39500
≈ Nugget Gold
Analog -30° +30°
- 6F97FD
Polar Glow
- 00A8EC
≈ Vivid Cerulean
- A685F1
≈ Lavender Blossom
Üçlü +120° +240°
- 6F97FD
Polar Glow
- EE7067
≈ Debutante
- 50B55E
≈ Samphire Green
Bölünmüş tamamlayıcı +150° +210°
- 6F97FD
Polar Glow
- E47F24
≈ Sports Fan
- 98A70B
≈ Augustus Asparagus
Dörtlü +90° +180° +270°
- 6F97FD
Polar Glow
- E66E9F
≈ Shadow Azalea Pink
- C39500
≈ Nugget Gold
- 00B69A
≈ 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: #6f97fd;
--polar-glow-rgb: 111 151 253;
--polar-glow-oklch: oklch(0.694 0.157 266.3);
}
.element {
color: var(--polar-glow);
background-color: hsl(223 97% 71%);
border-color: oklch(0.694 0.157 266.3);
}Tailwind CSS v4
@theme {
--color-polar-glow: #6f97fd;
--color-polar-glow-50: #e2f4ff;
--color-polar-glow-100: #d2e7ff;
--color-polar-glow-200: #b8d2ff;
--color-polar-glow-300: #95b4ff;
--color-polar-glow-400: #739afb;
--color-polar-glow-500: #557eed;
--color-polar-glow-600: #496bc8;
--color-polar-glow-700: #3a56a0;
--color-polar-glow-800: #263f78;
--color-polar-glow-900: #192c55;
--color-polar-glow-950: #0a1839;
}SCSS
$polar-glow: #6f97fd;
$polar-glow-rgb: 111, 151, 253;
$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);
}