Blue Opal Color – #124168: Codes and Complete Breakdown

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

Blue Opal Color Shades

Complementary colors

  1. #124168

  2. #824717

Triadic colors

  1. #124168

  2. #821752

  3. #528217

Tints or lighter colors

  1. #1A5D93

  2. #2178BF

  3. #3792DC

  4. #62A9E4

  5. #8EC1EB

Darker colors

  1. #0A263C

  2. #030B11

Analogous colors

  1. #126839

  2. #126864

  3. #124168

  4. #121668

  5. #391268

Monochromatic colors

  1. #03192A

  2. #093457

  3. #124F81

  4. #1D6AA9

  5. #2B85CE

#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 TypeValues/Details
Hex#124168
RGBrgb(18,65,104)
HSLhsl(207,70.5%,23.9%)
CMYK83, 38, 0, 59
HSV207, 83, 41
RGB %7, 25, 41
XYZ4.6, 4.9, 13.8
LAB26.4, -0.8, -27.3
Color CategoryDark
Color FamilyBlue
Saturation83%
TemperatureCool
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

  1. #16b8f3

    zima blue color 16b8f3

    Zima Blue

  2. #00308f

    us air force blue color 00308f

    US Air Force Blue

  3. #8093a4

    dusty blue color 8093a4

    Dusty Blue

  4. #4169e1

    royal blue color 4169e1

    Royal Blue

  5. #dde0df

    barely blue color dde0df

    Barely Blue

  6. #9bb3bc

    blue shell color 9bb3bc

    Blue Shell

  7. #cfe2ef

    weak blue color cfe2ef

    Weak Blue

  8. #bedbed

    twin blue color bedbed

    Twin Blue