가장 가까운 이름 색상 · #3C6989
#3C6989
가장 가까운 이름 색상: Stellar
#3C6989(rgb(60 105 137), hsl(205 39% 39%), oklch(0.502 0.071 241.1))와 가장 가까운 이름 색상은 Stellar입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3C6989
oklch(0.502 0.071 241.1)
색상 변환
- HEX
- #3c6989
- RGB
- rgb(60 105 137)
- HSL
- hsl(205 39% 39%)
- HWB
- hwb(205 24% 46%)
- OKLCH
- oklch(0.502 0.071 241.1)
- OKLab
- oklab(0.502 -0.034 -0.063)
- CIE Lab
- lab(42.23 -8.57 -22.83)
- LCH
- lch(42.23 24.38 249.4)
- CMYK
- cmyk(56% 23% 0% 46%)
틴트 · 셰이드 · 톤
틴트
- 4F7795
- 6286A0
- 7594AC
- 88A3B8
- 9BB2C3
- AEC1CF
- C2D0DB
- D6E0E7
- EAEFF3
셰이드
- 335A76
- 2A4C64
- 213E53
- 193142
- 112431
- 0A1822
- 040C14
- 010407
- 000001
톤
- 446B88
- 4B6E88
- 527087
- 597386
- 607585
- 667784
- 6D7983
- 737C82
- 7A7E81
색 조화
보색 +180°
- 3C6989
Stellar
- 825A38
≈ Football
유사색 -30° +30°
- 3C6989
Stellar
- 286F7B
≈ King Tide
- 55628D
≈ Karmic Grape
삼각 배색 +120° +240°
- 3C6989
Stellar
- 865261
≈ Berry Smoothie
- 5E6A3A
≈ Globe Artichoke
분열 보색 +150° +210°
- 3C6989
Stellar
- 88544B
≈ Boston Brick
- 736231
≈ Himalaya
사각 배색 +90° +180° +270°
- 3C6989
Stellar
- 7C5577
≈ Birthstone
- 825A38
≈ Football
- 44704F
≈ Fairway
대비 및 접근성
Ag
AA흰색 위
WCAG 5.87:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.57:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--stellar: #3c6989;
--stellar-rgb: 60 105 137;
--stellar-oklch: oklch(0.502 0.071 241.1);
}
.element {
color: var(--stellar);
background-color: hsl(205 39% 39%);
border-color: oklch(0.502 0.071 241.1);
}Tailwind CSS v4
@theme {
--color-stellar: #3c6989;
--color-stellar-50: #e4f8ff;
--color-stellar-100: #d4ebfe;
--color-stellar-200: #bbd9f1;
--color-stellar-300: #98bcda;
--color-stellar-400: #78a4c5;
--color-stellar-500: #598cb1;
--color-stellar-600: #4c7796;
--color-stellar-700: #3d5f78;
--color-stellar-800: #2a4659;
--color-stellar-900: #1c303e;
--color-stellar-950: #0c1d27;
}SCSS
$stellar: #3c6989;
$stellar-rgb: 60, 105, 137;
$stellar-light: mix(#fff, $stellar, 20%);
$stellar-dark: mix(#000, $stellar, 20%);
.element {
color: $stellar;
box-shadow: 0 0 0 2px rgba($stellar, 0.35);
}