Lapis Blue Color
#4169E1
Shades
Darker variations of each color in your palette
Base Color
#4169E1#4169E1
#3454B4
#273F87
#1A2A5A
#0D152D
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#4169E1#4169E1
#6787E7
#8DA5ED
#B3C3F3
#D9E1F9
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #4169E1 |  |
| RGB | 65, 105, 225 | |
| HSL | 225, 73%, 57% | |
| CMYK | 71%, 53%, 0%, 12% | |
| OKLCH | oklch(0.560 0.188 266) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#4169E1#41B9E1
#4169E1
#6941E1
Analogous
#4169E1
#E1B941
Complementary
#4169E1
#E14169
#69E141
Triadic
#4169E1
#E16941
#B9E141
Split Complementary
#4169E1
#E141B9
#E1B941
#41E169
Tetradic
#0E2058
#18399A
#2251DD
#6585E7
#A7B9F1
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#4169E1#E14141
#E1E141
#41E141
#41E1E1
#4141E1
#E141E1
Hues
Tones
Tones created by adding gray to each color
Base Color
#4169E1#4169E1
#4E6ECE
#5A72BA
#6777A7
#737B93
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#4169E1#5E6BD7
#7A6CCD
#976EC3
Warmer
#3E6BE6
#3B6CEA
#386EEF
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#4169E1On White Background
Sample Text
Contrast Ratio:4.85:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:4.33:1
WCAG Level:AA Large
PASS
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)