#024555

Dark Blue

HEX

RGB

HSL

About #024555 Dark Blue

#024555 is a dark blue color. In the RGB color model, it is composed of 2 red, 69 green, and 85 blue. In the HSL color space, it has a hue of 192°, saturation of 95%, and lightness of 17%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #024555 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

192°

Hue

95%

Saturation

17%

Lightness

Dark Blue

Color Harmonies

Colors that work well with #024555 based on color theory.

Accessibility

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

Aa#024555 on White
Contrast Ratio10.58:1
AA AA Large AAA
Aa#024555 on Black
Contrast Ratio1.99:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #024555 across different color formats.

FormatValue
HEX#024555
RGBrgb(2, 69, 85)
HSLhsl(192, 95%, 17%)
RGB Decimal2, 69, 85
RGB Percent0.8%, 27.1%, 33.3%
CMYK (approx.)98%, 19%, 0%, 67%

Related Palettes

12 palettes using #024555 or similar colors

#1A1A2E#16213E#0F3460#E94560
#141B1F#1C4054#3A5F73#518099
#FFC93C#FF6F3C#FF2442#155263
#0D2026#1E4652#366877#5A8491
#F9F7F7#DBE2EF#3F72AF#112D4E
#0F0E0E#232D3F#005B41#008170
#101E23#21424F#396474#4E869C
#0D1A26#203A50#375976#527898
#111B22#213D4F#3A5C74#507D9B
#0D1F26#22424E#356678#468BA4
#131C20#22404E#34627A#4D839E
#101A23#213A4F#395A74#577894