이름 색상 · #4D5778
Alpha Centauri
Alpha Centauri은(는) #4D5778: rgb(77 87 120), hsl(226 22% 39%), oklch(0.462 0.055 271.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Alpha Centauri color name →
#4D5778
oklch(0.462 0.055 271.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 5D6685
- 6D7692
- 7E869F
- 9097AD
- A1A7BA
- B3B8C8
- C6CAD5
- D9DBE3
- ECEDF1
셰이드
- 424B67
- 373E57
- 2C3348
- 222739
- 181C2A
- 0F121D
- 070810
- 020305
- 000001
톤
- 525B79
- 575F7A
- 5C637B
- 61677C
- 666C7D
- 6B707D
- 70747E
- 75787F
- 7B7C7F
색 조화
보색 +180°
- 4D5778
Alpha Centauri
- 645833
≈ Uguisu Brown
유사색 -30° +30°
- 4D5778
Alpha Centauri
- 3B5D75
≈ Superior Blue
- 5E5173
≈ Benikakehana Purple
삼각 배색 +120° +240°
- 4D5778
Alpha Centauri
- 744D46
≈ November Foliage
- 416249
≈ Windy Pine
분열 보색 +150° +210°
- 4D5778
Alpha Centauri
- 6F5138
≈ Bison
- 545E3A
≈ Base Camp
사각 배색 +90° +180° +270°
- 4D5778
Alpha Centauri
- 734B57
≈ Plum Wine
- 645833
≈ Uguisu Brown
- 32635A
≈ Posy Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.11:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.95:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
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);
}