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
#c1d8d9

Haint Blue
#4682bf

Blue Azure
#4c4dff

Siniy Blue
#5588cc

Berlin Blue
#220099

Blue Beetle
#587c8d

Technical Blue
#b7dfe8

Minor Blue
#5b7074

Portsmouth Blue










