Dark Grey Blue Color

#1A2F5B

Shades

Darker variations of each color in your palette

Base Color

#1A2F5B
#1A2F5B
#152649
#101C37
#0A1324
#050912
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#1A2F5B
#1A2F5B
#48597C
#76829D
#A3ACBD
#D1D5DE
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#1A2F5BDark Grey Blue Color
RGB26, 47, 91
HSL221, 56%, 23%
CMYK71%, 48%, 0%, 64%
OKLCHoklch(0.314 0.083 263)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#1A2F5B
#1A4F5B
#1A2F5B
#261A5B

Analogous

#1A2F5B
#5B471A

Complementary

#1A2F5B
#5B1A2F
#2F5B1A

Triadic

#1A2F5B
#5B261A
#4F5B1A

Split Complementary

#1A2F5B
#5B1A4F
#5B471A
#1A5B26

Tetradic

#162950
#27478B
#3865C7
#7493D8
#AFC2E9

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#1A2F5B
#5B1A1A
#5B5B1A
#1A5B1A
#1A5B5B
#1A1A5B
#5B1A5B

Hues

Tones

Tones created by adding gray to each color

Base Color

#1A2F5B
#1A2F5B
#2E3F62
#434F6A
#576071
#6C7079
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#1A2F5B
#3C3557
#5F3B53
#81414F

Warmer

#193574
#183B8C
#1641A5

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#1A2F5B

On White Background

Sample Text
Contrast Ratio:13.11:1
WCAG Level:AAA
PASS

On Black Background

Sample Text
Contrast Ratio:1.60:1
WCAG Level:Fail
FAIL

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)