Nearest named color · #002D62
#002D62
Nearest named color: Marine
#002D62 (rgb(0 45 98), hsl(212 100% 19%), oklch(0.305 0.105 256.2)) is closest to the named color Marine. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#002D62
oklch(0.305 0.105 256.2)
Color conversions
- HEX
- #002d62
- RGB
- rgb(0 45 98)
- HSL
- hsl(212 100% 19%)
- HWB
- hwb(212 0% 62%)
- OKLCH
- oklch(0.305 0.105 256.2)
- OKLab
- oklab(0.305 -0.025 -0.102)
- CIE Lab
- lab(18.46 4.38 -36.06)
- LCH
- lch(18.46 36.33 276.9)
- CMYK
- cmyk(100% 54% 0% 62%)
Tints · Shades · Tones
Tints
- 1B4172
- 335581
- 4B6991
- 637DA0
- 7B92B0
- 94A7C0
- AEBCD0
- C9D2DF
- E4E8EF
Shades
- 002654
- 001F47
- 00183A
- 00112D
- 000B21
- 000616
- 00020B
- 000103
- 000000
Tones
- 103666
- 1E3E69
- 2A476D
- 374F70
- 435773
- 4F5F76
- 5B6879
- 67707B
- 74787E
Color harmonies
Complementary +180°
- 002D62
Marine
- 412A00
≈ Stirland Mud
Analogous -30° +30°
- 002D62
Marine
- 003545
≈ Crowberry Blue
- 2D2360
≈ Indie Go
Triadic +120° +240°
- 002D62
Marine
- 580E1C
≈ Chocolate Cosmos
- 173900
≈ Elite Green
Split-complementary +150° +210°
- 002D62
Marine
- 501D00
≈ Evil Cigar
- 333100
≈ Wasabi Nori
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 13.53:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.55:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.53:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--marine: #002d62;
--marine-rgb: 0 45 98;
--marine-oklch: oklch(0.305 0.105 256.2);
}
.element {
color: var(--marine);
background-color: hsl(212 100% 19%);
border-color: oklch(0.305 0.105 256.2);
}Tailwind CSS v4
@theme {
--color-marine: #002d62;
--color-marine-50: #e3f7ff;
--color-marine-100: #d3eaff;
--color-marine-200: #b9d6ff;
--color-marine-300: #96b9ed;
--color-marine-400: #75a1dc;
--color-marine-500: #5688ca;
--color-marine-600: #4973ab;
--color-marine-700: #3a5c89;
--color-marine-800: #284466;
--color-marine-900: #1a2f48;
--color-marine-950: #0b1b2f;
}SCSS
$marine: #002d62;
$marine-rgb: 0, 45, 98;
$marine-light: mix(#fff, $marine, 20%);
$marine-dark: mix(#000, $marine, 20%);
.element {
color: $marine;
box-shadow: 0 0 0 2px rgba($marine, 0.35);
}