가장 가까운 이름 색상 · #366383
#366383
가장 가까운 이름 색상: Stellar
#366383(rgb(54 99 131), hsl(205 42% 36%), oklch(0.482 0.072 241.3))와 가장 가까운 이름 색상은 Stellar입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#366383
oklch(0.482 0.072 241.3)
색상 변환
- HEX
- #366383
- RGB
- rgb(54 99 131)
- HSL
- hsl(205 42% 36%)
- HWB
- hwb(205 21% 49%)
- OKLCH
- oklch(0.482 0.072 241.3)
- OKLab
- oklab(0.482 -0.034 -0.063)
- CIE Lab
- lab(39.82 -8.36 -22.97)
- LCH
- lch(39.82 24.44 250)
- CMYK
- cmyk(59% 24% 0% 49%)
틴트 · 셰이드 · 톤
틴트
- 4A728F
- 5D819B
- 7090A7
- 849FB4
- 98AEC0
- ACBECD
- C0CED9
- D5DEE6
- EAEFF2
셰이드
- 2E5571
- 254760
- 1E3A4F
- 162E3F
- 0F212F
- 081620
- 030B12
- 010306
- 000001
톤
- 3E6683
- 466983
- 4E6C83
- 556F82
- 5D7282
- 647582
- 6B7882
- 727A81
- 797D81
색 조화
보색 +180°
- 366383
Stellar
- 7B5432
≈ Pheasant Brown
유사색 -30° +30°
- 366383
Stellar
- 206975
≈ Persian Mosaic
- 4F5C87
≈ Marlin
삼각 배색 +120° +240°
- 366383
Stellar
- 804C5B
≈ Frenzied Red
- 586435
≈ Interior Green
분열 보색 +150° +210°
- 366383
Stellar
- 824E45
≈ Red Bluff
- 6D5D2A
≈ Bean Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.42:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.26:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--stellar: #366383;
--stellar-rgb: 54 99 131;
--stellar-oklch: oklch(0.482 0.072 241.3);
}
.element {
color: var(--stellar);
background-color: hsl(205 42% 36%);
border-color: oklch(0.482 0.072 241.3);
}Tailwind CSS v4
@theme {
--color-stellar: #366383;
--color-stellar-50: #e4f8ff;
--color-stellar-100: #d4ebff;
--color-stellar-200: #bbd9f1;
--color-stellar-300: #98bcda;
--color-stellar-400: #78a4c5;
--color-stellar-500: #598cb2;
--color-stellar-600: #4c7796;
--color-stellar-700: #3c5f78;
--color-stellar-800: #2a4659;
--color-stellar-900: #1c303e;
--color-stellar-950: #0c1c27;
}SCSS
$stellar: #366383;
$stellar-rgb: 54, 99, 131;
$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);
}