이름 색상 · #70859B
Merman
Merman은(는) #70859B: rgb(112 133 155), hsl(211 18% 52%), oklch(0.608 0.041 249.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Merman color name →
#70859B
oklch(0.608 0.041 249.7)
색상 변환
- HEX
- #70859b
- RGB
- rgb(112 133 155)
- HSL
- hsl(211 18% 52%)
- HWB
- hwb(211 44% 39%)
- OKLCH
- oklch(0.608 0.041 249.7)
- OKLab
- oklab(0.608 -0.014 -0.039)
- CIE Lab
- lab(54.46 -3.88 -14.46)
- LCH
- lch(54.46 14.98 255)
- CMYK
- cmyk(28% 14% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 7D91A5
- 8B9CAE
- 99A8B8
- A7B4C2
- B5C0CC
- C4CDD6
- D2D9E0
- E1E6EA
- F0F2F5
셰이드
- 607386
- 516172
- 43505E
- 35404B
- 273039
- 1A2128
- 0E1318
- 040609
- 010101
톤
- 728598
- 738496
- 758493
- 778390
- 78838E
- 7A828B
- 7B8288
- 7D8185
- 7E8183
색 조화
보색 +180°
- 70859B
Merman
- 937F68
≈ Weathered Shingle
유사색 -30° +30°
- 70859B
Merman
- 678994
≈ Horizon
- 7D809C
≈ Blue Intrigue
삼각 배색 +120° +240°
- 70859B
Merman
- 9A797D
≈ Bohemian Jazz
- 7A886E
≈ Winter Hedge
분열 보색 +150° +210°
- 70859B
Merman
- 997B70
≈ Soft Cocoa
- 888367
≈ Bandicoot
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.80:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.51:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--merman: #70859b;
--merman-rgb: 112 133 155;
--merman-oklch: oklch(0.608 0.041 249.7);
}
.element {
color: var(--merman);
background-color: hsl(211 18% 52%);
border-color: oklch(0.608 0.041 249.7);
}Tailwind CSS v4
@theme {
--color-merman: #70859b;
--color-merman-50: #edf6ff;
--color-merman-100: #dee9f6;
--color-merman-200: #c8d6e6;
--color-merman-300: #a8b9cd;
--color-merman-400: #8ca1b7;
--color-merman-500: #7289a1;
--color-merman-600: #607488;
--color-merman-700: #4d5d6d;
--color-merman-800: #374450;
--color-merman-900: #262f38;
--color-merman-950: #141b22;
}SCSS
$merman: #70859b;
$merman-rgb: 112, 133, 155;
$merman-light: mix(#fff, $merman, 20%);
$merman-dark: mix(#000, $merman, 20%);
.element {
color: $merman;
box-shadow: 0 0 0 2px rgba($merman, 0.35);
}