이름 색상 · #016F92
Tropic Sea
Tropic Sea은(는) #016F92: rgb(1 111 146), hsl(194 99% 29%), oklch(0.506 0.099 228.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Tropic Sea color name →
#016F92
oklch(0.506 0.099 228.9)
색상 변환
- HEX
- #016f92
- RGB
- rgb(1 111 146)
- HSL
- hsl(194 99% 29%)
- HWB
- hwb(194 0% 43%)
- OKLCH
- oklch(0.506 0.099 228.9)
- OKLab
- oklab(0.506 -0.065 -0.075)
- CIE Lab
- lab(42.98 -17.39 -27.17)
- LCH
- lch(42.98 32.26 237.4)
- CMYK
- cmyk(99% 24% 0% 43%)
틴트 · 셰이드 · 톤
틴트
- 2F7D9D
- 4A8BA8
- 6299B3
- 78A7BD
- 8FB6C8
- A5C4D3
- BBD3DE
- D2E1E9
- E8F0F4
셰이드
- 01607E
- 01516B
- 004258
- 003446
- 002735
- 001A25
- 000E16
- 000408
- 000101
톤
- 207190
- 31738F
- 3E758D
- 49778C
- 53788A
- 5D7A88
- 667C86
- 6F7D84
- 787F82
색 조화
보색 +180°
- 016F92
Tropic Sea
- 92522D
≈ Roasted Pecan
유사색 -30° +30°
- 016F92
Tropic Sea
- 007477
≈ Maxi Teal
- 41659D
≈ Mariner
삼각 배색 +120° +240°
- 016F92
Tropic Sea
- 8E4C6E
≈ Goddess of Dawn
- 6A6918
≈ Brown Green
분열 보색 +150° +210°
- 016F92
Tropic Sea
- 964B4E
≈ Circus Red
- 835D10
≈ Soil of Avagddu
사각 배색 +90° +180° +270°
- 016F92
Tropic Sea
- 7D5189
≈ Cleopatra’s Gown
- 92522D
≈ Roasted Pecan
- 467239
≈ Druid Green
대비 및 접근성
Ag
AA흰색 위
WCAG 5.69:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.69:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--tropic-sea: #016f92;
--tropic-sea-rgb: 1 111 146;
--tropic-sea-oklch: oklch(0.506 0.099 228.9);
}
.element {
color: var(--tropic-sea);
background-color: hsl(194 99% 29%);
border-color: oklch(0.506 0.099 228.9);
}Tailwind CSS v4
@theme {
--color-tropic-sea: #016f92;
--color-tropic-sea-50: #dafbff;
--color-tropic-sea-100: #c7efff;
--color-tropic-sea-200: #a9ddf7;
--color-tropic-sea-300: #81c1e1;
--color-tropic-sea-400: #59aacd;
--color-tropic-sea-500: #2992ba;
--color-tropic-sea-600: #267c9d;
--color-tropic-sea-700: #1e637e;
--color-tropic-sea-800: #12495d;
--color-tropic-sea-900: #0b3341;
--color-tropic-sea-950: #001e2a;
}SCSS
$tropic-sea: #016f92;
$tropic-sea-rgb: 1, 111, 146;
$tropic-sea-light: mix(#fff, $tropic-sea, 20%);
$tropic-sea-dark: mix(#000, $tropic-sea, 20%);
.element {
color: $tropic-sea;
box-shadow: 0 0 0 2px rgba($tropic-sea, 0.35);
}