Blue Opal Color – #124168: Codes and Complete Breakdown
By
Published on
The Blue Opal color hex code is #124168, and it is composed of 7% red, 25% green and 41% blue.
Blue Opal is a dark, bright, and cool color at 83% saturation. It has a contrast ratio of 10.6:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Blue Opal color (#124168) against light backgrounds.

Blue Opal Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#124168
Blue Opal Color Codes and Information
Here’s a complete breakdown of the color Blue Opal, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #124168 |
| RGB | rgb(18,65,104) |
| HSL | hsl(207,70.5%,23.9%) |
| CMYK | 83, 38, 0, 59 |
| HSV | 207, 83, 41 |
| RGB % | 7, 25, 41 |
| XYZ | 4.6, 4.9, 13.8 |
| LAB | 26.4, -0.8, -27.3 |
| Color Category | Dark |
| Color Family | Blue |
| Saturation | 83% |
| Temperature | Cool |
| Contrast Ratio Againt White (#ffffff) | 10.6 (passes WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 1.98 (fails WCAG AA) |
Similar Colors to Blue Opal Color
#16b8f3

Zima Blue
#00308f

US Air Force Blue
#8093a4

Dusty Blue
#4169e1

Royal Blue
#dde0df

Barely Blue
#9bb3bc

Blue Shell
#cfe2ef

Weak Blue
#bedbed

Twin Blue









