French Blue Color
#0072BB
Shades
Darker variations of each color in your palette
Base Color
#0072BB#0072BB
#005B96
#004470
#002E4B
#001725
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#0072BB#0072BB
#338EC9
#66AAD6
#99C7E4
#CCE3F1
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #0072BB |  |
| RGB | 0, 114, 187 | |
| HSL | 203, 100%, 37% | |
| CMYK | 100%, 39%, 0%, 27% | |
| OKLCH | oklch(0.537 0.142 247) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#0072BB#00BDA7
#0072BB
#0016BD
Analogous
#0072BB
#BD4800
Complementary
#0072BB
#BD0074
#74BD00
Triadic
#0072BB
#BD0016
#BDA700
Split Complementary
#0072BB
#A700BD
#BD4800
#16BD00
Tetradic
#003F66
#006EB3
#009DFF
#4DBBFF
#99D8FF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#0072BB#BD0000
#BDBD00
#00BD00
#00BDBD
#0000BD
#BD00BD
Hues
Tones
Tones created by adding gray to each color
Base Color
#0072BB#0072BB
#1A75AF
#3378A3
#4D7A98
#667D8C
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#0072BB#2673B3
#4D74AA
#7375A2
Warmer
#0073C5
#0074CF
#0075DA
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#0072BBOn White Background
Sample Text
Contrast Ratio:5.09:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:4.12: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)