#2D366C

#2D366C

Overview

#2D366C is a cool, dark color. In RGB it is 45, 54, 108, in HSL 231.4°, 41.2%, 30.0%, and in CMYK 58.3%, 50.0%, 0.0%, 57.6%. The nearest named color is RAL 5017 Traffic Blue.

On this page

カラー値

HEX

#2D366C

RGB

45, 54, 108

HSL

231.4, 41.2%, 30.0%

HSV

231.4, 58.3%, 42.4%

CMYK

58.3%, 50.0%, 0.0%, 57.6%

OKLCH

0.355 0.0935 273.6

プロパティ

色彩心理学

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.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #2D366C;
color: #2D366C;
border-color: #2D366C;
最も近いTailwind: Blue 950 #172554

Tailwindシェード

コントラストチェッカー

白背景のテキスト

11.32:1

AA Pass AAA Pass

黒背景のテキスト

1.86:1

AA Fail AAA Fail

比較する

関連記事

よくある質問

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

RGB(45, 54, 108) · HSL(231.4, 41.2%, 30.0%) · CMYK(58.3%, 50.0%, 0.0%, 57.6%)

Does #2D366C meet WCAG contrast on white?

11.32:1 — WCAG AA 合格, AAA 合格 for normal text.

What text color is readable on #2D366C?

Use FFFFFF text on a #2D366C background; contrast on black is 1.86:1.