가장 가까운 이름 색상 · #3E6670
#3E6670
가장 가까운 이름 색상: Mediterranea
#3E6670(rgb(62 102 112), hsl(192 29% 34%), oklch(0.485 0.048 215.4))와 가장 가까운 이름 색상은 Mediterranea입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3E6670
oklch(0.485 0.048 215.4)
색상 변환
- HEX
- #3e6670
- RGB
- rgb(62 102 112)
- HSL
- hsl(192 29% 34%)
- HWB
- hwb(192 24% 56%)
- OKLCH
- oklch(0.485 0.048 215.4)
- OKLab
- oklab(0.485 -0.039 -0.028)
- CIE Lab
- lab(40.54 -12.48 -10.34)
- LCH
- lch(40.54 16.21 219.6)
- CMYK
- cmyk(45% 9% 0% 56%)
틴트 · 셰이드 · 톤
틴트
- 50747D
- 63838B
- 769199
- 88A0A7
- 9BB0B5
- AFBFC3
- C2CFD2
- D6DFE1
- EBEFF0
셰이드
- 355860
- 2B4A51
- 233C43
- 1A2F35
- 122327
- 0A171A
- 040C0E
- 010404
- 000001
톤
- 456972
- 4C6B73
- 536E75
- 5A7177
- 607378
- 67767A
- 6D787B
- 737B7D
- 7A7D7E
색 조화
보색 +180°
- 3E6670
Mediterranea
- 77554D
≈ Terrace Brown
유사색 -30° +30°
- 3E6670
Mediterranea
- 3E6863
≈ Seiheki Green
- 486279
≈ Plum Blue
삼각 배색 +120° +240°
- 3E6670
Mediterranea
- 70556A
≈ Dark Purple Grey
- 675F40
≈ Classic Olive
분열 보색 +150° +210°
- 3E6670
Mediterranea
- 77545B
≈ Stravinsky Pink
- 725A42
≈ Alpha Male
사각 배색 +90° +180° +270°
- 3E6670
Mediterranea
- 655875
≈ Regal Gown
- 77554D
≈ Terrace Brown
- 586446
≈ Gretna Green
대비 및 접근성
Ag
AA흰색 위
WCAG 6.28:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.33:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--mediterranea: #3e6670;
--mediterranea-rgb: 62 102 112;
--mediterranea-oklch: oklch(0.485 0.048 215.4);
}
.element {
color: var(--mediterranea);
background-color: hsl(192 29% 34%);
border-color: oklch(0.485 0.048 215.4);
}Tailwind CSS v4
@theme {
--color-mediterranea: #3e6670;
--color-mediterranea-50: #e7f9fe;
--color-mediterranea-100: #d7ecf2;
--color-mediterranea-200: #bfdae2;
--color-mediterranea-300: #9dbec8;
--color-mediterranea-400: #7fa6b0;
--color-mediterranea-500: #618f9a;
--color-mediterranea-600: #527982;
--color-mediterranea-700: #426168;
--color-mediterranea-800: #2f474c;
--color-mediterranea-900: #203135;
--color-mediterranea-950: #0f1d20;
}SCSS
$mediterranea: #3e6670;
$mediterranea-rgb: 62, 102, 112;
$mediterranea-light: mix(#fff, $mediterranea, 20%);
$mediterranea-dark: mix(#000, $mediterranea, 20%);
.element {
color: $mediterranea;
box-shadow: 0 0 0 2px rgba($mediterranea, 0.35);
}