이름 색상 · #64776E
Galena
Galena은(는) #64776E: rgb(100 119 110), hsl(152 9% 43%), oklch(0.551 0.026 165.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Galena color name →
#64776E
oklch(0.551 0.026 165.2)
색상 변환
- HEX
- #64776e
- RGB
- rgb(100 119 110)
- HSL
- hsl(152 9% 43%)
- HWB
- hwb(152 39% 53%)
- OKLCH
- oklch(0.551 0.026 165.2)
- OKLab
- oklab(0.551 -0.026 0.007)
- CIE Lab
- lab(48.27 -8.75 2.5)
- LCH
- lch(48.27 9.1 164.1)
- CMYK
- cmyk(16% 0% 8% 53%)
틴트 · 셰이드 · 톤
틴트
- 72847B
- 819189
- 909E97
- 9FABA5
- AFB9B4
- BEC6C2
- CED4D1
- DEE2E0
- EFF1F0
셰이드
- 56675F
- 485750
- 3B4741
- 2E3833
- 222A26
- 161C19
- 0B100E
- 030504
- 000101
톤
- 677870
- 6A7972
- 6D7A73
- 6F7B75
- 727C77
- 757C79
- 787D7B
- 7A7E7C
- 7D7F7E
색 조화
보색 +180°
- 64776E
Galena
- 7E6C75
≈ Purple Dusk
유사색 -30° +30°
- 64776E
Galena
- 6B7666
≈ Nature Lover
- 607777
≈ Becker Blue
삼각 배색 +120° +240°
- 64776E
Galena
- 707081
≈ Old Mill Blue
- 806D65
≈ Summer Sparrow
분열 보색 +150° +210°
- 64776E
Galena
- 786D7D
≈ Mamba
- 816C6D
≈ Twisted Time
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.76:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.40:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--galena: #64776e;
--galena-rgb: 100 119 110;
--galena-oklch: oklch(0.551 0.026 165.2);
}
.element {
color: var(--galena);
background-color: hsl(152 9% 43%);
border-color: oklch(0.551 0.026 165.2);
}Tailwind CSS v4
@theme {
--color-galena: #64776e;
--color-galena-50: #eef8f3;
--color-galena-100: #e0ebe6;
--color-galena-200: #cad8d2;
--color-galena-300: #abbcb4;
--color-galena-400: #91a49b;
--color-galena-500: #778c82;
--color-galena-600: #64766e;
--color-galena-700: #505f58;
--color-galena-800: #3a4540;
--color-galena-900: #28302c;
--color-galena-950: #161c19;
}SCSS
$galena: #64776e;
$galena-rgb: 100, 119, 110;
$galena-light: mix(#fff, $galena, 20%);
$galena-dark: mix(#000, $galena, 20%);
.element {
color: $galena;
box-shadow: 0 0 0 2px rgba($galena, 0.35);
}