Nearest named color · #004A55
#004A55
Nearest named color: Nocturnal Expedition
#004A55 (rgb(0 74 85), hsl(188 100% 17%), oklch(0.375 0.065 211.6)) is closest to the named color Nocturnal Expedition. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#004A55
oklch(0.375 0.065 211.6)
Color conversions
- HEX
- #004a55
- RGB
- rgb(0 74 85)
- HSL
- hsl(188 100% 17%)
- HWB
- hwb(188 0% 67%)
- OKLCH
- oklch(0.375 0.065 211.6)
- OKLab
- oklab(0.375 -0.056 -0.034)
- CIE Lab
- lab(28.01 -17.51 -12.64)
- LCH
- lch(28.01 21.6 215.8)
- CMYK
- cmyk(100% 13% 0% 67%)
Tints · Shades · Tones
Tints
- 245B65
- 3E6C75
- 557D85
- 6D8E95
- 84A0A6
- 9CB3B8
- B4C5C9
- CDD8DB
- E6ECED
Shades
- 003F49
- 00353D
- 002A31
- 002026
- 00171C
- 000E11
- 000608
- 000202
- 000000
Tones
- 184F59
- 27555E
- 335A62
- 3F6066
- 4A656A
- 556A6F
- 607073
- 6B7577
- 757B7C
Color harmonies
Complementary +180°
- 004A55
Nocturnal Expedition
- 5F332B
≈ Redwood
Analogous -30° +30°
- 004A55
Nocturnal Expedition
- 054C43
≈ Aqua Deep
- 1D4561
≈ Dark Slate Blue
Triadic +120° +240°
- 004A55
Nocturnal Expedition
- 553451
≈ Auricula Purple
- 4E4012
≈ Roman Bronze
Split-complementary +150° +210°
- 004A55
Nocturnal Expedition
- 5D323F
≈ Fig
- 5A3819
≈ Chocolate Fantasies
Tetradic +90° +180° +270°
- 004A55
Nocturnal Expedition
- 47385E
≈ Mulberry Purple
- 5F332B
≈ Redwood
- 3C461C
≈ Avocado Dark Green
Contrast & accessibility
Ag
AAAOn white
WCAG 9.94:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.11:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.94:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--nocturnal-expedition: #004a55;
--nocturnal-expedition-rgb: 0 74 85;
--nocturnal-expedition-oklch: oklch(0.375 0.065 211.6);
}
.element {
color: var(--nocturnal-expedition);
background-color: hsl(188 100% 17%);
border-color: oklch(0.375 0.065 211.6);
}Tailwind CSS v4
@theme {
--color-nocturnal-expedition: #004a55;
--color-nocturnal-expedition-50: #e1fbff;
--color-nocturnal-expedition-100: #d0eef5;
--color-nocturnal-expedition-200: #b5dce5;
--color-nocturnal-expedition-300: #91c1cc;
--color-nocturnal-expedition-400: #70a9b5;
--color-nocturnal-expedition-500: #4e929f;
--color-nocturnal-expedition-600: #437b86;
--color-nocturnal-expedition-700: #35636c;
--color-nocturnal-expedition-800: #25494f;
--color-nocturnal-expedition-900: #193237;
--color-nocturnal-expedition-950: #091e22;
}SCSS
$nocturnal-expedition: #004a55;
$nocturnal-expedition-rgb: 0, 74, 85;
$nocturnal-expedition-light: mix(#fff, $nocturnal-expedition, 20%);
$nocturnal-expedition-dark: mix(#000, $nocturnal-expedition, 20%);
.element {
color: $nocturnal-expedition;
box-shadow: 0 0 0 2px rgba($nocturnal-expedition, 0.35);
}