Named color · #70828F
Mica Creek
Mica Creek is #70828F: rgb(112 130 143), hsl(205 12% 50%), oklch(0.597 0.029 239.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Mica Creek color name →
#70828F
oklch(0.597 0.029 239.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 7D8E9A
- 8B9AA5
- 99A6AF
- A7B2BB
- B5BFC6
- C4CBD1
- D2D8DC
- E1E5E8
- F0F2F3
Shades
- 60707C
- 515F69
- 434E57
- 353E45
- 272F34
- 1A2024
- 0E1215
- 040607
- 010101
Tones
- 72828E
- 73828C
- 75818B
- 778189
- 788188
- 7A8186
- 7B8185
- 7D8083
- 7E8082
Color harmonies
Complementary +180°
- 70828F
Mica Creek
- 8D7B6E
≈ Road Less-Travelled
Analogous -30° +30°
- 70828F
Mica Creek
- 6C8489
≈ Puddle Jumper
- 787F91
≈ Seattle Haze
Triadic +120° +240°
- 70828F
Mica Creek
- 8F787F
≈ Purple Rubiate
- 7D826F
≈ Battle Dress
Split-complementary +150° +210°
- 70828F
Mica Creek
- 907975
≈ Venus Deva
- 867F6C
≈ Empire
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.97:1 · APCA Lc 67
Ag
AAOn black
WCAG 5.27:1 · APCA Lc 35
Best text color: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Code snippets
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);
}