가장 가까운 이름 색상 · #748793
#748793
가장 가까운 이름 색상: Stormy Oceans
#748793(rgb(116 135 147), hsl(203 13% 52%), oklch(0.612 0.029 235.7))와 가장 가까운 이름 색상은 Stormy Oceans입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#748793
oklch(0.612 0.029 235.7)
색상 변환
- HEX
- #748793
- RGB
- rgb(116 135 147)
- HSL
- hsl(203 13% 52%)
- HWB
- hwb(203 45% 42%)
- OKLCH
- oklch(0.612 0.029 235.7)
- OKLab
- oklab(0.612 -0.016 -0.024)
- CIE Lab
- lab(55.1 -5.05 -8.88)
- LCH
- lch(55.1 10.21 240.4)
- CMYK
- cmyk(21% 8% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 81929D
- 8E9EA8
- 9CAAB2
- AAB5BD
- B7C1C8
- C5CDD3
- D4DADE
- E2E6E9
- F0F2F4
셰이드
- 64757F
- 54636C
- 455159
- 374147
- 293136
- 1B2125
- 0F1316
- 050608
- 010101
톤
- 758691
- 77868F
- 78858D
- 79848B
- 7A848A
- 7B8388
- 7D8286
- 7E8184
- 7F8182
색 조화
보색 +180°
- 748793
Stormy Oceans
- 928074
≈ Carmel Mission
유사색 -30° +30°
- 748793
Stormy Oceans
- 70898C
≈ Twilight Stroll
- 7C8496
≈ Stowaway
삼각 배색 +120° +240°
- 748793
Stormy Oceans
- 937D84
≈ Purple Dove
- 838673
≈ Cottage Lattice Green
분열 보색 +150° +210°
- 748793
Stormy Oceans
- 957E7B
≈ Warplock Bronze Metal
- 8C8371
≈ Hardware
사각 배색 +90° +180° +270°
- 748793
Stormy Oceans
- 8D7E8D
≈ Iced Orchid
- 928074
≈ Carmel Mission
- 79897A
≈ Brassica
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.73:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.62:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--stormy-oceans: #748793;
--stormy-oceans-rgb: 116 135 147;
--stormy-oceans-oklch: oklch(0.612 0.029 235.7);
}
.element {
color: var(--stormy-oceans);
background-color: hsl(203 13% 52%);
border-color: oklch(0.612 0.029 235.7);
}Tailwind CSS v4
@theme {
--color-stormy-oceans: #748793;
--color-stormy-oceans-50: #eef7fc;
--color-stormy-oceans-100: #dfeaf0;
--color-stormy-oceans-200: #c9d6df;
--color-stormy-oceans-300: #aabac5;
--color-stormy-oceans-400: #8fa2ad;
--color-stormy-oceans-500: #758a97;
--color-stormy-oceans-600: #637480;
--color-stormy-oceans-700: #4f5d66;
--color-stormy-oceans-800: #39444b;
--color-stormy-oceans-900: #272f34;
--color-stormy-oceans-950: #151c1f;
}SCSS
$stormy-oceans: #748793;
$stormy-oceans-rgb: 116, 135, 147;
$stormy-oceans-light: mix(#fff, $stormy-oceans, 20%);
$stormy-oceans-dark: mix(#000, $stormy-oceans, 20%);
.element {
color: $stormy-oceans;
box-shadow: 0 0 0 2px rgba($stormy-oceans, 0.35);
}