Adlandırılmış renk · #2D47FF
Blueshift
Blueshift, #2D47FF: rgb(45 71 255), hsl(233 100% 59%), oklch(0.52 0.268 267.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Blueshift color name →
#2D47FF
oklch(0.52 0.268 267.7)
Renk dönüşümleri
- HEX
- #2d47ff
- RGB
- rgb(45 71 255)
- HSL
- hsl(233 100% 59%)
- HWB
- hwb(233 18% 0%)
- OKLCH
- oklch(0.52 0.268 267.7)
- OKLab
- oklab(0.52 -0.011 -0.267)
- CIE Lab
- lab(39.85 44.36 -94.87)
- LCH
- lch(39.85 104.73 295.1)
- CMYK
- cmyk(82% 72% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3C60FF
- 4E76FF
- 6289FF
- 769CFF
- 8CADFF
- A2BEFF
- B9CFFF
- D0DFFF
- E7EFFF
Koyu tonlar
- 263DDE
- 1F32BE
- 18289E
- 111F80
- 0B1663
- 060D48
- 02062E
- 010216
- 000003
Gri tonlar
- 3252F3
- 395CE7
- 4163DB
- 4969CF
- 526FC2
- 5B74B6
- 6477A9
- 6E7B9C
- 777E8E
Renk uyumları
Tamamlayıcı +180°
- 2D47FF
Blueshift
- 836400
≈ Alligator
Analog -30° +30°
- 2D47FF
Blueshift
- 0071A2
≈ Cat’s Purr
- 8219EA
≈ Purple Protest
Üçlü +120° +240°
- 2D47FF
Blueshift
- C6000F
≈ Furious Tomato
- 007F2F
≈ Pharmaceutical Green
Bölünmüş tamamlayıcı +150° +210°
- 2D47FF
Blueshift
- 9D5300
≈ Charlie Brown
- 647100
≈ Brownish Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.07:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.45:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--blueshift: #2d47ff;
--blueshift-rgb: 45 71 255;
--blueshift-oklch: oklch(0.52 0.268 267.7);
}
.element {
color: var(--blueshift);
background-color: hsl(233 100% 59%);
border-color: oklch(0.52 0.268 267.7);
}Tailwind CSS v4
@theme {
--color-blueshift: #2d47ff;
--color-blueshift-50: #d7f2ff;
--color-blueshift-100: #c4e4ff;
--color-blueshift-200: #a7cdff;
--color-blueshift-300: #83aaff;
--color-blueshift-400: #5b8bff;
--color-blueshift-500: #3f64ff;
--color-blueshift-600: #3557ff;
--color-blueshift-700: #2a45d0;
--color-blueshift-800: #16339d;
--color-blueshift-900: #0d236f;
--color-blueshift-950: #04104e;
}SCSS
$blueshift: #2d47ff;
$blueshift-rgb: 45, 71, 255;
$blueshift-light: mix(#fff, $blueshift, 20%);
$blueshift-dark: mix(#000, $blueshift, 20%);
.element {
color: $blueshift;
box-shadow: 0 0 0 2px rgba($blueshift, 0.35);
}