Adlandırılmış renk · #4D5778
Alpha Centauri
Alpha Centauri, #4D5778: rgb(77 87 120), hsl(226 22% 39%), oklch(0.462 0.055 271.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Alpha Centauri color name →
#4D5778
oklch(0.462 0.055 271.1)
Renk dönüşümleri
- HEX
- #4d5778
- RGB
- rgb(77 87 120)
- HSL
- hsl(226 22% 39%)
- HWB
- hwb(226 30% 53%)
- OKLCH
- oklch(0.462 0.055 271.1)
- OKLab
- oklab(0.462 0.001 -0.055)
- CIE Lab
- lab(37.16 2.57 -20.23)
- LCH
- lch(37.16 20.39 277.2)
- CMYK
- cmyk(36% 27% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5D6685
- 6D7692
- 7E869F
- 9097AD
- A1A7BA
- B3B8C8
- C6CAD5
- D9DBE3
- ECEDF1
Koyu tonlar
- 424B67
- 373E57
- 2C3348
- 222739
- 181C2A
- 0F121D
- 070810
- 020305
- 000001
Gri tonlar
- 525B79
- 575F7A
- 5C637B
- 61677C
- 666C7D
- 6B707D
- 70747E
- 75787F
- 7B7C7F
Renk uyumları
Tamamlayıcı +180°
- 4D5778
Alpha Centauri
- 645833
≈ Uguisu Brown
Analog -30° +30°
- 4D5778
Alpha Centauri
- 3B5D75
≈ Superior Blue
- 5E5173
≈ Benikakehana Purple
Üçlü +120° +240°
- 4D5778
Alpha Centauri
- 744D46
≈ November Foliage
- 416249
≈ Windy Pine
Bölünmüş tamamlayıcı +150° +210°
- 4D5778
Alpha Centauri
- 6F5138
≈ Bison
- 545E3A
≈ Base Camp
Dörtlü +90° +180° +270°
- 4D5778
Alpha Centauri
- 734B57
≈ Plum Wine
- 645833
≈ Uguisu Brown
- 32635A
≈ Posy Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.11:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.95:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--alpha-centauri: #4d5778;
--alpha-centauri-rgb: 77 87 120;
--alpha-centauri-oklch: oklch(0.462 0.055 271.1);
}
.element {
color: var(--alpha-centauri);
background-color: hsl(226 22% 39%);
border-color: oklch(0.462 0.055 271.1);
}Tailwind CSS v4
@theme {
--color-alpha-centauri: #4d5778;
--color-alpha-centauri-50: #f0f5ff;
--color-alpha-centauri-100: #e1e7fb;
--color-alpha-centauri-200: #ccd3ed;
--color-alpha-centauri-300: #aeb6d5;
--color-alpha-centauri-400: #929dc0;
--color-alpha-centauri-500: #7885ac;
--color-alpha-centauri-600: #667091;
--color-alpha-centauri-700: #515a74;
--color-alpha-centauri-800: #3a4256;
--color-alpha-centauri-900: #282d3c;
--color-alpha-centauri-950: #161a26;
}SCSS
$alpha-centauri: #4d5778;
$alpha-centauri-rgb: 77, 87, 120;
$alpha-centauri-light: mix(#fff, $alpha-centauri, 20%);
$alpha-centauri-dark: mix(#000, $alpha-centauri, 20%);
.element {
color: $alpha-centauri;
box-shadow: 0 0 0 2px rgba($alpha-centauri, 0.35);
}