#142E3E

Dark Blue

HEX

RGB

HSL

About #142E3E Dark Blue

#142E3E is a dark blue color. In the RGB color model, it is composed of 20 red, 46 green, and 62 blue. In the HSL color space, it has a hue of 203°, saturation of 51%, and lightness of 16%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #142E3E in your CSS, SCSS, or Tailwind projects.

Color Properties

203°

Hue

51%

Saturation

16%

Lightness

Dark Blue

Color Harmonies

Colors that work well with #142E3E based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #142E3E against white and black backgrounds.

Aa#142E3E on White
Contrast Ratio14.09:1
AA AA Large AAA
Aa#142E3E on Black
Contrast Ratio1.49:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #142E3E across different color formats.

FormatValue
HEX#142E3E
RGBrgb(20, 46, 62)
HSLhsl(203, 51%, 16%)
RGB Decimal20, 46, 62
RGB Percent7.8%, 18.0%, 24.3%
CMYK (approx.)68%, 26%, 0%, 76%

Related Palettes

12 palettes using #142E3E or similar colors

#1A1A2E#16213E#0F3460#E94560
#0C1827#1F3047#254774#40618C
#0F0E0E#232D3F#005B41#008170
#E8D5B7#B09B71#5E503F#22333B
#DFF6FF#47B5FF#256D85#06283D
#111522#212945#2B3A6E#435289
#0B2447#19376D#576CBC#A5D7E8
#F9F7F7#DBE2EF#3F72AF#112D4E
#0E1425#1B274B#243875#374E95
#101323#222744#323967#32409A
#1B2430#51557E#816797#D6D5A8
#111222#1F2247#323767#3B4291