Nearest named color · #007467
#007467
Nearest named color: Nordic Forest
#007467 (rgb(0 116 103), hsl(173 100% 23%), oklch(0.501 0.09 181.5)) is closest to the named color Nordic Forest. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#007467
oklch(0.501 0.09 181.5)
Color conversions
- HEX
- #007467
- RGB
- rgb(0 116 103)
- HSL
- hsl(173 100% 23%)
- HWB
- hwb(173 0% 55%)
- OKLCH
- oklch(0.501 0.09 181.5)
- OKLab
- oklab(0.501 -0.09 -0.002)
- CIE Lab
- lab(43.27 -31.52 -1.14)
- LCH
- lch(43.27 31.54 182.1)
- CMYK
- cmyk(100% 0% 11% 55%)
Tints · Shades · Tones
Tints
- 2F8175
- 4B8F83
- 629C92
- 79AAA1
- 8FB8B0
- A6C6BF
- BCD4CF
- D2E2DF
- E8F1EF
Shades
- 006459
- 00544B
- 00453D
- 003730
- 002923
- 001B17
- 000F0C
- 000504
- 000100
Tones
- 217569
- 31776C
- 3E786E
- 4A7971
- 547B73
- 5E7C76
- 677D78
- 6F7E7B
- 787F7D
Color harmonies
Complementary +180°
- 007467
Nordic Forest
- 8D4C60
≈ Hawthorn Rose
Analogous -30° +30°
- 007467
Nordic Forest
- 387249
≈ Parsley Sprig
- 007080
≈ Caribbean Dream
Triadic +120° +240°
- 007467
Nordic Forest
- 6D578F
≈ Classic Waltz
- 885728
≈ Precious Copper
Split-complementary +150° +210°
- 007467
Nordic Forest
- 81507B
≈ Graphic Grape
- 904F43
≈ El Salva
Tetradic +90° +180° +270°
- 007467
Nordic Forest
- 516097
≈ Royal Marquis
- 8D4C60
≈ Hawthorn Rose
- 76611C
≈ Brassy Brass
Contrast & accessibility
Ag
AAOn white
WCAG 5.68:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.69:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--nordic-forest: #007467;
--nordic-forest-rgb: 0 116 103;
--nordic-forest-oklch: oklch(0.501 0.09 181.5);
}
.element {
color: var(--nordic-forest);
background-color: hsl(173 100% 23%);
border-color: oklch(0.501 0.09 181.5);
}Tailwind CSS v4
@theme {
--color-nordic-forest: #007467;
--color-nordic-forest-50: #dafef8;
--color-nordic-forest-100: #c8f2eb;
--color-nordic-forest-200: #aae1d8;
--color-nordic-forest-300: #81c7bc;
--color-nordic-forest-400: #5bb0a2;
--color-nordic-forest-500: #2c998a;
--color-nordic-forest-600: #288275;
--color-nordic-forest-700: #20685d;
--color-nordic-forest-800: #164c43;
--color-nordic-forest-900: #0e352e;
--color-nordic-forest-950: #01201b;
}SCSS
$nordic-forest: #007467;
$nordic-forest-rgb: 0, 116, 103;
$nordic-forest-light: mix(#fff, $nordic-forest, 20%);
$nordic-forest-dark: mix(#000, $nordic-forest, 20%);
.element {
color: $nordic-forest;
box-shadow: 0 0 0 2px rgba($nordic-forest, 0.35);
}