이름 색상 · #4B596E
Bering Sea
Bering Sea은(는) #4B596E: rgb(75 89 110), hsl(216 19% 36%), oklch(0.46 0.039 258.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Bering Sea color name →
#4B596E
oklch(0.46 0.039 258.4)
색상 변환
- HEX
- #4b596e
- RGB
- rgb(75 89 110)
- HSL
- hsl(216 19% 36%)
- HWB
- hwb(216 29% 57%)
- OKLCH
- oklch(0.46 0.039 258.4)
- OKLab
- oklab(0.46 -0.008 -0.038)
- CIE Lab
- lab(37.25 -1.49 -13.96)
- LCH
- lch(37.25 14.04 263.9)
- CMYK
- cmyk(32% 19% 0% 57%)
틴트 · 셰이드 · 톤
틴트
- 5B687C
- 6C7889
- 7D8898
- 8F98A6
- A0A8B4
- B3B9C3
- C5CAD2
- D8DCE1
- EBEDF0
셰이드
- 404C5F
- 354050
- 2B3441
- 212833
- 171D26
- 0E1319
- 06090E
- 020304
- 000001
톤
- 505D70
- 556172
- 5B6574
- 606875
- 656C77
- 6A7079
- 70747B
- 75787D
- 7B7C7E
색 조화
보색 +180°
- 4B596E
Bering Sea
- 645640
≈ Mountain Trail
유사색 -30° +30°
- 4B596E
Bering Sea
- 415D69
≈ Hypothalamus Grey
- 57556D
≈ Majestic Magic
삼각 배색 +120° +240°
- 4B596E
Bering Sea
- 6C5050
≈ Buccaneer
- 4E5E49
≈ Muddy Olive
분열 보색 +150° +210°
- 4B596E
Bering Sea
- 6B5245
≈ Plantation Shutters
- 5A5A41
≈ Lone Pine
사각 배색 +90° +180° +270°
- 4B596E
Bering Sea
- 69505C
≈ Exclusively
- 645640
≈ Mountain Trail
- 435F54
≈ Emerson
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.11:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.95:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--bering-sea: #4b596e;
--bering-sea-rgb: 75 89 110;
--bering-sea-oklch: oklch(0.46 0.039 258.4);
}
.element {
color: var(--bering-sea);
background-color: hsl(216 19% 36%);
border-color: oklch(0.46 0.039 258.4);
}Tailwind CSS v4
@theme {
--color-bering-sea: #4b596e;
--color-bering-sea-50: #eff6ff;
--color-bering-sea-100: #e1e8f5;
--color-bering-sea-200: #cbd5e5;
--color-bering-sea-300: #acb8cc;
--color-bering-sea-400: #91a0b6;
--color-bering-sea-500: #7787a0;
--color-bering-sea-600: #657387;
--color-bering-sea-700: #505c6c;
--color-bering-sea-800: #3a4350;
--color-bering-sea-900: #282e38;
--color-bering-sea-950: #161b22;
}SCSS
$bering-sea: #4b596e;
$bering-sea-rgb: 75, 89, 110;
$bering-sea-light: mix(#fff, $bering-sea, 20%);
$bering-sea-dark: mix(#000, $bering-sea, 20%);
.element {
color: $bering-sea;
box-shadow: 0 0 0 2px rgba($bering-sea, 0.35);
}