Azure Color
#007FFF
Shades
Darker variations of each color in your palette
Base Color
#007FFF#007FFF
#0066CC
#004C99
#003366
#001933
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#007FFF#007FFF
#3399FF
#66B2FF
#99CCFF
#CCE5FF
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #007FFF |  |
| RGB | 0, 127, 255 | |
| HSL | 210, 100%, 50% | |
| CMYK | 100%, 50%, 0%, 0% | |
| OKLCH | oklch(0.613 0.212 256) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#007FFF#00FFFF
#007FFF
#0000FF
Analogous
#007FFF
#FF8000
Complementary
#007FFF
#FF0080
#80FF00
Triadic
#007FFF
#FF0000
#FFFF00
Split Complementary
#007FFF
#FF00FF
#FF8000
#00FF00
Tetradic
#003366
#0059B3
#007FFF
#4DA6FF
#99CCFF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#007FFF#FF0000
#FFFF00
#00FF00
#00FFFF
#0000FF
#FF00FF
Hues
Tones
Tones created by adding gray to each color
Base Color
#007FFF#007FFF
#1A7FE6
#337FCC
#4D80B3
#668099
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#007FFF#267FF4
#4D7FE8
#737FDD
Warmer
#007FFF
#007FFF
#007FFF
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#007FFFOn White Background
Sample Text
Contrast Ratio:3.83:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.48:1
WCAG Level:AA
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)