이름 색상 · #3CB371
Medium Sea Green
Medium Sea Green은(는) #3CB371: rgb(60 179 113), hsl(147 50% 47%), oklch(0.684 0.144 155). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Medium Sea Green color name →
#3CB371
oklch(0.684 0.144 155)
색상 변환
- HEX
- #3cb371
- RGB
- rgb(60 179 113)
- HSL
- hsl(147 50% 47%)
- HWB
- hwb(147 24% 30%)
- OKLCH
- oklch(0.684 0.144 155)
- OKLab
- oklab(0.684 -0.131 0.061)
- CIE Lab
- lab(65.22 -45.97 23.71)
- LCH
- lch(65.22 51.73 152.7)
- CMYK
- cmyk(66% 0% 37% 30%)
틴트 · 셰이드 · 톤
틴트
- 56BB7F
- 6CC38D
- 81CA9B
- 94D2A9
- A6DAB7
- B8E1C5
- CAE9D3
- DCF0E2
- EDF8F0
셰이드
- 339B61
- 2A8452
- 216E43
- 195835
- 114327
- 0A2F1A
- 041D0E
- 010C04
- 000101
톤
- 49AE73
- 53A975
- 5BA476
- 629F78
- 699A7A
- 6E957B
- 74907C
- 788B7E
- 7C857F
색 조화
보색 +180°
- 3CB371
Medium Sea Green
- CF75BD
≈ Gulābī Pink
유사색 -30° +30°
- 3CB371
Medium Sea Green
- 85A838
≈ Beautiful Mint
- 00B1A3
≈ Cozumel
삼각 배색 +120° +240°
- 3CB371
Medium Sea Green
- 8090F1
≈ Perrywinkle
- E4755A
≈ Phoenix Red
분열 보색 +150° +210°
- 3CB371
Medium Sea Green
- AE80E0
≈ Lavender Blossom
- E1708D
≈ Raspberry Mousse
사각 배색 +90° +180° +270°
- 3CB371
Medium Sea Green
- 3CA1EC
≈ Rockman Blue
- CF75BD
≈ Gulābī Pink
- D5841F
≈ Dulce de Leche
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.87:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--medium-sea-green: #3cb371;
--medium-sea-green-rgb: 60 179 113;
--medium-sea-green-oklch: oklch(0.684 0.144 155);
}
.element {
color: var(--medium-sea-green);
background-color: hsl(147 50% 47%);
border-color: oklch(0.684 0.144 155);
}Tailwind CSS v4
@theme {
--color-medium-sea-green: #3cb371;
--color-medium-sea-green-50: #d4ffe5;
--color-medium-sea-green-100: #c1f7d5;
--color-medium-sea-green-200: #a0e7bc;
--color-medium-sea-green-300: #74ce9a;
--color-medium-sea-green-400: #4ab778;
--color-medium-sea-green-500: #00a15a;
--color-medium-sea-green-600: #00884c;
--color-medium-sea-green-700: #036d3d;
--color-medium-sea-green-800: #075029;
--color-medium-sea-green-900: #06381b;
--color-medium-sea-green-950: #00220c;
}SCSS
$medium-sea-green: #3cb371;
$medium-sea-green-rgb: 60, 179, 113;
$medium-sea-green-light: mix(#fff, $medium-sea-green, 20%);
$medium-sea-green-dark: mix(#000, $medium-sea-green, 20%);
.element {
color: $medium-sea-green;
box-shadow: 0 0 0 2px rgba($medium-sea-green, 0.35);
}