가장 가까운 이름 색상 · #395183
#395183
가장 가까운 이름 색상: St. Tropaz
#395183(rgb(57 81 131), hsl(221 39% 37%), oklch(0.44 0.088 263.7))와 가장 가까운 이름 색상은 St. Tropaz입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#395183
oklch(0.44 0.088 263.7)
색상 변환
- HEX
- #395183
- RGB
- rgb(57 81 131)
- HSL
- hsl(221 39% 37%)
- HWB
- hwb(221 22% 49%)
- OKLCH
- oklch(0.44 0.088 263.7)
- OKLab
- oklab(0.44 -0.01 -0.087)
- CIE Lab
- lab(34.37 2.79 -31.44)
- LCH
- lch(34.37 31.56 275.1)
- CMYK
- cmyk(56% 38% 0% 49%)
틴트 · 셰이드 · 톤
틴트
- 4B618F
- 5D729C
- 7083A8
- 8394B5
- 97A5C1
- ABB6CD
- BFC8DA
- D4DAE6
- E9EDF3
셰이드
- 304571
- 283A60
- 1F2F4F
- 17243F
- 101A2F
- 091020
- 040712
- 010206
- 000001
톤
- 405683
- 475B83
- 4E6083
- 556483
- 5C6983
- 636E83
- 6A7282
- 717782
- 797B81
색 조화
보색 +180°
- 395183
St. Tropaz
- 694D05
≈ Antique Bronze
유사색 -30° +30°
- 395183
St. Tropaz
- 0A5A7B
≈ Commandes
- 55487E
≈ Gentian Violet
삼각 배색 +120° +240°
- 395183
St. Tropaz
- 7C3D3A
≈ Kokiake Brown
- 325F31
≈ Deep Into the Wood
분열 보색 +150° +210°
- 395183
St. Tropaz
- 77431E
≈ Walnut
- 525714
≈ Douro
사각 배색 +90° +180° +270°
- 395183
St. Tropaz
- 773C56
≈ Mulled Plum
- 694D05
≈ Antique Bronze
- 00614F
≈ Sci-Fi Takeout
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.83:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.67:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--st-tropaz: #395183;
--st-tropaz-rgb: 57 81 131;
--st-tropaz-oklch: oklch(0.44 0.088 263.7);
}
.element {
color: var(--st-tropaz);
background-color: hsl(221 39% 37%);
border-color: oklch(0.44 0.088 263.7);
}Tailwind CSS v4
@theme {
--color-st-tropaz: #395183;
--color-st-tropaz-50: #e9f5ff;
--color-st-tropaz-100: #dae8ff;
--color-st-tropaz-200: #c2d4fb;
--color-st-tropaz-300: #a2b7e5;
--color-st-tropaz-400: #849ed3;
--color-st-tropaz-500: #6885c1;
--color-st-tropaz-600: #5871a3;
--color-st-tropaz-700: #465a83;
--color-st-tropaz-800: #314261;
--color-st-tropaz-900: #212e44;
--color-st-tropaz-950: #111a2c;
}SCSS
$st-tropaz: #395183;
$st-tropaz-rgb: 57, 81, 131;
$st-tropaz-light: mix(#fff, $st-tropaz, 20%);
$st-tropaz-dark: mix(#000, $st-tropaz, 20%);
.element {
color: $st-tropaz;
box-shadow: 0 0 0 2px rgba($st-tropaz, 0.35);
}