이름 색상 · #3C9992
Sea
Sea은(는) #3C9992: rgb(60 153 146), hsl(175 44% 42%), oklch(0.626 0.088 188.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Sea color name →
#3C9992
oklch(0.626 0.088 188.3)
색상 변환
- HEX
- #3c9992
- RGB
- rgb(60 153 146)
- HSL
- hsl(175 44% 42%)
- HWB
- hwb(175 24% 40%)
- OKLCH
- oklch(0.626 0.088 188.3)
- OKLab
- oklab(0.626 -0.087 -0.013)
- CIE Lab
- lab(57.64 -29.81 -4.96)
- LCH
- lch(57.64 30.22 189.4)
- CMYK
- cmyk(61% 0% 5% 40%)
틴트 · 셰이드 · 톤
틴트
- 54A39C
- 69ADA7
- 7DB7B2
- 90C1BC
- A2CCC7
- B5D6D2
- C7E0DD
- DAEAE8
- ECF5F4
셰이드
- 33847E
- 2A706B
- 215D58
- 194A46
- 113835
- 0A2725
- 041716
- 010808
- 000101
톤
- 479790
- 50948E
- 58928D
- 5F8F8B
- 668D89
- 6C8A87
- 718885
- 768584
- 7B8382
색 조화
보색 +180°
- 3C9992
Sea
- B6717D
≈ Hollyhock Bloom
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.40:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.16:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--sea: #3c9992;
--sea-rgb: 60 153 146;
--sea-oklch: oklch(0.626 0.088 188.3);
}
.element {
color: var(--sea);
background-color: hsl(175 44% 42%);
border-color: oklch(0.626 0.088 188.3);
}Tailwind CSS v4
@theme {
--color-sea: #3c9992;
--color-sea-50: #dafefb;
--color-sea-100: #c8f2ee;
--color-sea-200: #a9e1dd;
--color-sea-300: #81c6c1;
--color-sea-400: #5bafa8;
--color-sea-500: #2a9991;
--color-sea-600: #27817b;
--color-sea-700: #1f6762;
--color-sea-800: #154c47;
--color-sea-900: #0e3531;
--color-sea-950: #01201d;
}SCSS
$sea: #3c9992;
$sea-rgb: 60, 153, 146;
$sea-light: mix(#fff, $sea, 20%);
$sea-dark: mix(#000, $sea, 20%);
.element {
color: $sea;
box-shadow: 0 0 0 2px rgba($sea, 0.35);
}