#225676

#225676

Overview

#225676 is a cool, dark color. In RGB it is 34, 86, 118, in HSL 202.9°, 55.3%, 29.8%, and in CMYK 71.2%, 27.1%, 0.0%, 53.7%. The nearest named color is steelblue 4.

On this page

Color Values

HEX

#225676

RGB

34, 86, 118

HSL

202.9, 55.3%, 29.8%

HSV

202.9, 71.2%, 46.3%

CMYK

71.2%, 27.1%, 0.0%, 53.7%

OKLCH

0.4334 0.0763 239.1

Properties

Color Psychology

Dark blues like navy and midnight convey authority, intelligence, and unshakeable confidence. They are the color of police uniforms, corporate suits, and official documents worldwide. Navy blue inspires feelings of security and order, anchoring visual hierarchies with gravitas.

Design Usage

Dark blue is the premier choice for header backgrounds, navigation bars, and footer sections in corporate websites. It provides excellent contrast for white text and creates a sense of depth and professionalism. Pair it with bright accent colors like orange or lime for vibrant CTAs that pop against the authoritative background.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #225676;
color: #225676;
border-color: #225676;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

Contrast Checker

Text on white

7.89:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail AAA Fail

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #225676?

RGB(34, 86, 118) · HSL(202.9, 55.3%, 29.8%) · CMYK(71.2%, 27.1%, 0.0%, 53.7%)

Does #225676 meet WCAG contrast on white?

7.89:1 — WCAG AA Pass, AAA Pass for normal text.

What text color is readable on #225676?

Use FFFFFF text on a #225676 background; contrast on black is 2.66:1.