이름 색상 · #2C5463
Glitch
Glitch은(는) #2C5463: rgb(44 84 99), hsl(196 38% 28%), oklch(0.423 0.051 224.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Glitch color name →
#2C5463
oklch(0.423 0.051 224.5)
색상 변환
- HEX
- #2c5463
- RGB
- rgb(44 84 99)
- HSL
- hsl(196 38% 28%)
- HWB
- hwb(196 17% 61%)
- OKLCH
- oklch(0.423 0.051 224.5)
- OKLab
- oklab(0.423 -0.037 -0.036)
- CIE Lab
- lab(33.29 -11.1 -13.35)
- LCH
- lch(33.29 17.36 230.2)
- CMYK
- cmyk(56% 15% 0% 61%)
틴트 · 셰이드 · 톤
틴트
- 406472
- 547480
- 68848F
- 7D959F
- 92A6AE
- A7B7BE
- BCC9CE
- D2DBDE
- E8EDEE
셰이드
- 254855
- 1E3C47
- 17313A
- 11262E
- 0A1B21
- 051116
- 02080B
- 010203
- 000000
톤
- 355866
- 3E5D69
- 46616C
- 4F666F
- 576A72
- 5F6E75
- 677377
- 70777A
- 787C7D
색 조화
보색 +180°
- 2C5463
Glitch
- 664536
≈ Copra
유사색 -30° +30°
- 2C5463
Glitch
- 285756
≈ Sea Challenge
- 3A4F6A
≈ Police Blue
삼각 배색 +120° +240°
- 2C5463
Glitch
- 624355
≈ Deep Exquisite
- 52502D
≈ Warplock Bronze
분열 보색 +150° +210°
- 2C5463
Glitch
- 674245
≈ Smoked Flamingo
- 5F4A2D
≈ Nightingale
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.21:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.55:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--glitch: #2c5463;
--glitch-rgb: 44 84 99;
--glitch-oklch: oklch(0.423 0.051 224.5);
}
.element {
color: var(--glitch);
background-color: hsl(196 38% 28%);
border-color: oklch(0.423 0.051 224.5);
}Tailwind CSS v4
@theme {
--color-glitch: #2c5463;
--color-glitch-50: #e7f9ff;
--color-glitch-100: #d7ecf5;
--color-glitch-200: #bed9e5;
--color-glitch-300: #9cbdcc;
--color-glitch-400: #7ea5b5;
--color-glitch-500: #608ea0;
--color-glitch-600: #527887;
--color-glitch-700: #41606c;
--color-glitch-800: #2e474f;
--color-glitch-900: #1f3137;
--color-glitch-950: #0f1d22;
}SCSS
$glitch: #2c5463;
$glitch-rgb: 44, 84, 99;
$glitch-light: mix(#fff, $glitch, 20%);
$glitch-dark: mix(#000, $glitch, 20%);
.element {
color: $glitch;
box-shadow: 0 0 0 2px rgba($glitch, 0.35);
}