Sapphire Blue Color
#0F52BA
Shades
Darker variations of each color in your palette
Base Color
#0F52BA#0F52BA
#0C4295
#093170
#06214A
#031025
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#0F52BA#0F52BA
#3F75C8
#6F97D6
#9FBAE3
#CFDCF1
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #0F52BA |  |
| RGB | 15, 82, 186 | |
| HSL | 216, 85%, 39% | |
| CMYK | 92%, 56%, 0%, 27% | |
| OKLCH | oklch(0.467 0.176 260) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#0F52BA#0FA7B8
#0F52BA
#200FB8
Analogous
#0F52BA
#B8740F
Complementary
#0F52BA
#B80F53
#53B80F
Triadic
#0F52BA
#B8200F
#A7B80F
Split Complementary
#0F52BA
#B80FA7
#B8740F
#0FB820
Tetradic
#082A5E
#0D4AA5
#136AEC
#5A97F2
#A1C3F7
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#0F52BA#B80F0F
#B8B80F
#0FB80F
#0FB8B8
#0F0FB8
#B80FB8
Hues
Tones
Tones created by adding gray to each color
Base Color
#0F52BA#0F52BA
#265BAE
#3C64A3
#536E97
#69778C
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#0F52BA#3355B2
#5759A9
#7B5CA1
Warmer
#0E55C4
#0E59CF
#0D5CD9
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#0F52BAOn White Background
Sample Text
Contrast Ratio:7.15:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:2.94: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)