Nazwany kolor · #4D5778
Alpha Centauri
Alpha Centauri to #4D5778: rgb(77 87 120), hsl(226 22% 39%), oklch(0.462 0.055 271.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Alpha Centauri color name →
#4D5778
oklch(0.462 0.055 271.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D6685
- 6D7692
- 7E869F
- 9097AD
- A1A7BA
- B3B8C8
- C6CAD5
- D9DBE3
- ECEDF1
Odcienie ciemniejsze
- 424B67
- 373E57
- 2C3348
- 222739
- 181C2A
- 0F121D
- 070810
- 020305
- 000001
Tony
- 525B79
- 575F7A
- 5C637B
- 61677C
- 666C7D
- 6B707D
- 70747E
- 75787F
- 7B7C7F
Harmonie kolorów
Komplementarna +180°
- 4D5778
Alpha Centauri
- 645833
≈ Uguisu Brown
Analogowa -30° +30°
- 4D5778
Alpha Centauri
- 3B5D75
≈ Superior Blue
- 5E5173
≈ Benikakehana Purple
Triada +120° +240°
- 4D5778
Alpha Centauri
- 744D46
≈ November Foliage
- 416249
≈ Windy Pine
Komplementarna rozszczepiona +150° +210°
- 4D5778
Alpha Centauri
- 6F5138
≈ Bison
- 545E3A
≈ Base Camp
Tetrada +90° +180° +270°
- 4D5778
Alpha Centauri
- 734B57
≈ Plum Wine
- 645833
≈ Uguisu Brown
- 32635A
≈ Posy Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.11:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.95:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}