Nearest named color · #005A7B
#005A7B
Nearest named color: Moroccan Blue
#005A7B (rgb(0 90 123), hsl(196 100% 24%), oklch(0.439 0.09 232.1)) is closest to the named color Moroccan Blue. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#005A7B
oklch(0.439 0.09 232.1)
Color conversions
- HEX
- #005a7b
- RGB
- rgb(0 90 123)
- HSL
- hsl(196 100% 24%)
- HWB
- hwb(196 0% 52%)
- OKLCH
- oklch(0.439 0.09 232.1)
- OKLab
- oklab(0.439 -0.055 -0.071)
- CIE Lab
- lab(35.06 -13.82 -25.6)
- LCH
- lch(35.06 29.09 241.6)
- CMYK
- cmyk(100% 27% 0% 52%)
Tints · Shades · Tones
Tints
- 296A88
- 437995
- 5B89A2
- 729AAF
- 89AABC
- A0BBC9
- B7CBD7
- CFDCE4
- E7EEF1
Shades
- 004D6A
- 00415A
- 00354A
- 00293A
- 001E2C
- 00131E
- 000910
- 000305
- 000001
Tones
- 1B5E7C
- 2B627D
- 38667D
- 446A7E
- 4E6E7E
- 59717F
- 63757F
- 6D7980
- 767C80
Color harmonies
Complementary +180°
- 005A7B
Moroccan Blue
- 78421E
≈ Walnut
Analogous -30° +30°
- 005A7B
Moroccan Blue
- 005E64
≈ Sandhill Crane
- 365184
≈ Fun Blue
Triadic +120° +240°
- 005A7B
Moroccan Blue
- 773C57
≈ Mulled Plum
- 54570F
≈ Douro
Split-complementary +150° +210°
- 005A7B
Moroccan Blue
- 7C3C3B
≈ Kokiake Brown
- 6B4C02
≈ Antique Bronze
Tetradic +90° +180° +270°
- 005A7B
Moroccan Blue
- 69406F
≈ Majesty
- 78421E
≈ Walnut
- 335F2F
≈ Deep Into the Wood
Contrast & accessibility
Ag
AAAOn white
WCAG 7.64:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.74:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.64:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--moroccan-blue: #005a7b;
--moroccan-blue-rgb: 0 90 123;
--moroccan-blue-oklch: oklch(0.439 0.09 232.1);
}
.element {
color: var(--moroccan-blue);
background-color: hsl(196 100% 24%);
border-color: oklch(0.439 0.09 232.1);
}Tailwind CSS v4
@theme {
--color-moroccan-blue: #005a7b;
--color-moroccan-blue-50: #ddfaff;
--color-moroccan-blue-100: #cceeff;
--color-moroccan-blue-200: #afdbf5;
--color-moroccan-blue-300: #89c0df;
--color-moroccan-blue-400: #65a8ca;
--color-moroccan-blue-500: #3e90b7;
--color-moroccan-blue-600: #367a9b;
--color-moroccan-blue-700: #2b627c;
--color-moroccan-blue-800: #1c485b;
--color-moroccan-blue-900: #123240;
--color-moroccan-blue-950: #041e29;
}SCSS
$moroccan-blue: #005a7b;
$moroccan-blue-rgb: 0, 90, 123;
$moroccan-blue-light: mix(#fff, $moroccan-blue, 20%);
$moroccan-blue-dark: mix(#000, $moroccan-blue, 20%);
.element {
color: $moroccan-blue;
box-shadow: 0 0 0 2px rgba($moroccan-blue, 0.35);
}