이름 색상 · #70828F
Mica Creek
Mica Creek은(는) #70828F: rgb(112 130 143), hsl(205 12% 50%), oklch(0.597 0.029 239.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mica Creek color name →
#70828F
oklch(0.597 0.029 239.4)
색상 변환
- HEX
- #70828f
- RGB
- rgb(112 130 143)
- HSL
- hsl(205 12% 50%)
- HWB
- hwb(205 44% 44%)
- OKLCH
- oklch(0.597 0.029 239.4)
- OKLab
- oklab(0.597 -0.015 -0.025)
- CIE Lab
- lab(53.25 -4.53 -9.35)
- LCH
- lch(53.25 10.39 244.1)
- CMYK
- cmyk(22% 9% 0% 44%)
틴트 · 셰이드 · 톤
틴트
- 7D8E9A
- 8B9AA5
- 99A6AF
- A7B2BB
- B5BFC6
- C4CBD1
- D2D8DC
- E1E5E8
- F0F2F3
셰이드
- 60707C
- 515F69
- 434E57
- 353E45
- 272F34
- 1A2024
- 0E1215
- 040607
- 010101
톤
- 72828E
- 73828C
- 75818B
- 778189
- 788188
- 7A8186
- 7B8185
- 7D8083
- 7E8082
색 조화
보색 +180°
- 70828F
Mica Creek
- 8D7B6E
≈ Road Less-Travelled
유사색 -30° +30°
- 70828F
Mica Creek
- 6C8489
≈ Puddle Jumper
- 787F91
≈ Seattle Haze
삼각 배색 +120° +240°
- 70828F
Mica Creek
- 8F787F
≈ Purple Rubiate
- 7D826F
≈ Battle Dress
분열 보색 +150° +210°
- 70828F
Mica Creek
- 907975
≈ Venus Deva
- 867F6C
≈ Empire
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.97:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.27:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--mica-creek: #70828f;
--mica-creek-rgb: 112 130 143;
--mica-creek-oklch: oklch(0.597 0.029 239.4);
}
.element {
color: var(--mica-creek);
background-color: hsl(205 12% 50%);
border-color: oklch(0.597 0.029 239.4);
}Tailwind CSS v4
@theme {
--color-mica-creek: #70828f;
--color-mica-creek-50: #eef6fd;
--color-mica-creek-100: #e0e9f1;
--color-mica-creek-200: #cad6e0;
--color-mica-creek-300: #abbac5;
--color-mica-creek-400: #90a1ae;
--color-mica-creek-500: #758998;
--color-mica-creek-600: #637480;
--color-mica-creek-700: #4f5d67;
--color-mica-creek-800: #39444b;
--color-mica-creek-900: #272f34;
--color-mica-creek-950: #151c20;
}SCSS
$mica-creek: #70828f;
$mica-creek-rgb: 112, 130, 143;
$mica-creek-light: mix(#fff, $mica-creek, 20%);
$mica-creek-dark: mix(#000, $mica-creek, 20%);
.element {
color: $mica-creek;
box-shadow: 0 0 0 2px rgba($mica-creek, 0.35);
}