이름 색상 · #6C809C
Lead Cast
Lead Cast은(는) #6C809C: rgb(108 128 156), hsl(215 20% 52%), oklch(0.594 0.049 256.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Lead Cast color name →
#6C809C
oklch(0.594 0.049 256.8)
색상 변환
- HEX
- #6c809c
- RGB
- rgb(108 128 156)
- HSL
- hsl(215 20% 52%)
- HWB
- hwb(215 42% 39%)
- OKLCH
- oklch(0.594 0.049 256.8)
- OKLab
- oklab(0.594 -0.011 -0.048)
- CIE Lab
- lab(52.76 -2.35 -17.63)
- LCH
- lch(52.76 17.78 262.4)
- CMYK
- cmyk(31% 18% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 7A8CA6
- 8898AF
- 96A5B9
- A4B1C3
- B3BECD
- C2CBD7
- D1D7E1
- E0E5EB
- EFF2F5
셰이드
- 5D6E87
- 4E5D73
- 404D5F
- 323D4C
- 252E39
- 191F28
- 0D1218
- 040609
- 000101
톤
- 6E8099
- 708097
- 728094
- 748091
- 76808E
- 78808B
- 7A8089
- 7C8086
- 7E8083
색 조화
보색 +180°
- 6C809C
Lead Cast
- 8F7B5E
≈ Tweedy
유사색 -30° +30°
- 6C809C
Lead Cast
- 5F8595
≈ Play Me a Melody
- 7C7B9B
≈ Bossa Nova Blue
삼각 배색 +120° +240°
- 6C809C
Lead Cast
- 9A7374
≈ March Pink
- 718669
≈ Wreath
분열 보색 +150° +210°
- 6C809C
Lead Cast
- 987666
≈ Temptation
- 82815F
≈ Taffeta Sheen
사각 배색 +90° +180° +270°
- 6C809C
Lead Cast
- 957384
≈ Tragic Juliet
- 8F7B5E
≈ Tweedy
- 628878
≈ Aloe Vera
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.03:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.20:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--lead-cast: #6c809c;
--lead-cast-rgb: 108 128 156;
--lead-cast-oklch: oklch(0.594 0.049 256.8);
}
.element {
color: var(--lead-cast);
background-color: hsl(215 20% 52%);
border-color: oklch(0.594 0.049 256.8);
}Tailwind CSS v4
@theme {
--color-lead-cast: #6c809c;
--color-lead-cast-50: #edf6ff;
--color-lead-cast-100: #dee9f9;
--color-lead-cast-200: #c8d5ea;
--color-lead-cast-300: #a9b9d1;
--color-lead-cast-400: #8ca0bc;
--color-lead-cast-500: #7288a7;
--color-lead-cast-600: #60738d;
--color-lead-cast-700: #4d5c71;
--color-lead-cast-800: #374353;
--color-lead-cast-900: #262f3a;
--color-lead-cast-950: #141b24;
}SCSS
$lead-cast: #6c809c;
$lead-cast-rgb: 108, 128, 156;
$lead-cast-light: mix(#fff, $lead-cast, 20%);
$lead-cast-dark: mix(#000, $lead-cast, 20%);
.element {
color: $lead-cast;
box-shadow: 0 0 0 2px rgba($lead-cast, 0.35);
}