Sapphire Blue#0067A5
Sapphire Blue Hex Code: #0067A5
Sapphire Blue is a dark, moderately saturated blue. Its OKLCH lightness is 50% and chroma 0.126. Text on this color reads best in white (contrast 6.03:1).
| HEX | #0067A5 |
|---|---|
| RGB | rgb(0, 103, 165) |
| HSL | hsl(203, 100%, 32%) |
| HSV / HSB | hsv(203, 100%, 65%) |
| CMYK | cmyk(100%, 38%, 0%, 35%) |
| OKLCH | oklch(49.7% 0.126 245.5) |
Contrast
White text6.03:1
AAAA largeAAA
Black text3.48:1
AAAA largeAAA
On white6.03:1
AAAA largeAAA
On black3.48:1
AAAA largeAAA
Tints
#1775ADCerulean#2E82B5Steel Blue#4590BD#5C9EC5#73ABCE#8AB9D6#A1C7DELight Steel Blue#B8D4E6Light Blue#CFE2EE#E5F0F6Shades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #0067A5; |
|---|---|
| Tailwind | bg-[#0067a5] |
| SwiftUI | Color(red: 0, green: 0.404, blue: 0.647) |
| Android | Color.parseColor("#0067A5") |
| Flutter | Color(0xFF0067A5) |
Value from Wikipedia, List of colors (sapphire blue). Names like Sapphire Blue are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for sapphire blue?
Sapphire Blue is #0067A5 in hex and rgb(0, 103, 165) in RGB.
What is sapphire blue in CMYK?
With the plain conversion formula it is cmyk(100, 38, 0, 35). For print, convert with your printer's ICC profile instead.
What text color works on sapphire blue?
White text has the higher contrast at 6.03:1, which passes WCAG AA for normal text (4.5:1).