Named color · #708D9E
Smoky Azurite
Smoky Azurite is #708D9E: rgb(112 141 158), hsl(202 19% 53%), oklch(0.627 0.042 234). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Smoky Azurite color name →
#708D9E
oklch(0.627 0.042 234)
Color conversions
- HEX
- #708d9e
- RGB
- rgb(112 141 158)
- HSL
- hsl(202 19% 53%)
- HWB
- hwb(202 44% 38%)
- OKLCH
- oklch(0.627 0.042 234)
- OKLab
- oklab(0.627 -0.024 -0.034)
- CIE Lab
- lab(56.85 -7.5 -12.6)
- LCH
- lch(56.85 14.66 239.2)
- CMYK
- cmyk(29% 11% 0% 38%)
Tints · Shades · Tones
Tints
- 7E98A7
- 8BA3B1
- 99AEBA
- A7B9C4
- B6C5CE
- C4D0D7
- D3DCE1
- E1E7EB
- F0F3F5
Shades
- 607A89
- 516774
- 435560
- 35444D
- 27333A
- 1A2329
- 0E1418
- 040709
- 010101
Tones
- 728C9B
- 748A98
- 758995
- 778892
- 79878F
- 7A858C
- 7C8489
- 7D8386
- 7F8183
Color harmonies
Complementary +180°
- 708D9E
Smoky Azurite
- 9D8271
≈ Dusted Truffle
Analogous -30° +30°
- 708D9E
Smoky Azurite
- 6B9094
≈ Blue Clay
- 7C89A2
≈ Faded Denim
Triadic +120° +240°
- 708D9E
Smoky Azurite
- 9D7E8A
≈ Century’s Last Sunset
- 888C6F
≈ Playing Hooky
Split-complementary +150° +210°
- 708D9E
Smoky Azurite
- A07F7C
≈ Brandied Apple
- 94876C
≈ Open Range
Tetradic +90° +180° +270°
- 708D9E
Smoky Azurite
- 958097
≈ Mixed Berries
- 9D8271
≈ Dusted Truffle
- 7A8F79
≈ Loden Frost
Contrast & accessibility
Ag
FailOn white
WCAG 3.50:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.99:1 · APCA Lc 39
Best text color: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--smoky-azurite: #708d9e;
--smoky-azurite-rgb: 112 141 158;
--smoky-azurite-oklch: oklch(0.627 0.042 234);
}
.element {
color: var(--smoky-azurite);
background-color: hsl(202 19% 53%);
border-color: oklch(0.627 0.042 234);
}Tailwind CSS v4
@theme {
--color-smoky-azurite: #708d9e;
--color-smoky-azurite-50: #eaf7ff;
--color-smoky-azurite-100: #dbeaf4;
--color-smoky-azurite-200: #c4d7e4;
--color-smoky-azurite-300: #a4bbca;
--color-smoky-azurite-400: #87a3b4;
--color-smoky-azurite-500: #6b8b9e;
--color-smoky-azurite-600: #5b7685;
--color-smoky-azurite-700: #495e6b;
--color-smoky-azurite-800: #34454e;
--color-smoky-azurite-900: #233037;
--color-smoky-azurite-950: #121c21;
}SCSS
$smoky-azurite: #708d9e;
$smoky-azurite-rgb: 112, 141, 158;
$smoky-azurite-light: mix(#fff, $smoky-azurite, 20%);
$smoky-azurite-dark: mix(#000, $smoky-azurite, 20%);
.element {
color: $smoky-azurite;
box-shadow: 0 0 0 2px rgba($smoky-azurite, 0.35);
}