이름 색상 · #536A79
Turbulent Sea
Turbulent Sea은(는) #536A79: rgb(83 106 121), hsl(204 19% 40%), oklch(0.511 0.036 237). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Turbulent Sea color name →
#536A79
oklch(0.511 0.036 237)
색상 변환
- HEX
- #536a79
- RGB
- rgb(83 106 121)
- HSL
- hsl(204 19% 40%)
- HWB
- hwb(204 33% 53%)
- OKLCH
- oklch(0.511 0.036 237)
- OKLab
- oklab(0.511 -0.02 -0.03)
- CIE Lab
- lab(43.38 -5.93 -11.35)
- LCH
- lch(43.38 12.8 242.4)
- CMYK
- cmyk(31% 12% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 637886
- 738692
- 84949F
- 94A3AD
- A5B2BA
- B7C1C7
- C9D0D5
- DAE0E3
- EDEFF1
셰이드
- 475B68
- 3B4D58
- 303F48
- 253139
- 1B242B
- 11181D
- 080D10
- 020405
- 000001
톤
- 586C7A
- 5C6E7B
- 61717B
- 65737C
- 6A757D
- 6E777D
- 73797E
- 777C7F
- 7C7E7F
색 조화
보색 +180°
- 536A79
Turbulent Sea
- 776252
≈ Traditional
유사색 -30° +30°
- 536A79
Turbulent Sea
- 4E6D71
≈ Sequoia Lake
- 5D667C
≈ Dana
삼각 배색 +120° +240°
- 536A79
Turbulent Sea
- 785E67
≈ Pretty Puce
- 656952
≈ Yew Hedge
분열 보색 +150° +210°
- 536A79
Turbulent Sea
- 7A5F5B
≈ Bateau Brown
- 6F654F
≈ Adventurer
사각 배색 +90° +180° +270°
- 536A79
Turbulent Sea
- 725F72
≈ Banished Brown
- 776252
≈ Traditional
- 596C5B
≈ Terrarium
대비 및 접근성
Ag
AA흰색 위
WCAG 5.66:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.70:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--turbulent-sea: #536a79;
--turbulent-sea-rgb: 83 106 121;
--turbulent-sea-oklch: oklch(0.511 0.036 237);
}
.element {
color: var(--turbulent-sea);
background-color: hsl(204 19% 40%);
border-color: oklch(0.511 0.036 237);
}Tailwind CSS v4
@theme {
--color-turbulent-sea: #536a79;
--color-turbulent-sea-50: #ecf7ff;
--color-turbulent-sea-100: #ddeaf3;
--color-turbulent-sea-200: #c7d7e2;
--color-turbulent-sea-300: #a7bac8;
--color-turbulent-sea-400: #8ba2b2;
--color-turbulent-sea-500: #708a9c;
--color-turbulent-sea-600: #5f7584;
--color-turbulent-sea-700: #4c5e69;
--color-turbulent-sea-800: #36454d;
--color-turbulent-sea-900: #252f36;
--color-turbulent-sea-950: #141c21;
}SCSS
$turbulent-sea: #536a79;
$turbulent-sea-rgb: 83, 106, 121;
$turbulent-sea-light: mix(#fff, $turbulent-sea, 20%);
$turbulent-sea-dark: mix(#000, $turbulent-sea, 20%);
.element {
color: $turbulent-sea;
box-shadow: 0 0 0 2px rgba($turbulent-sea, 0.35);
}