#20146C

#20146C

Overview

#20146C is a cool, dark color. In RGB it is 32, 20, 108, in HSL 248.2°, 68.8%, 25.1%, and in CMYK 70.4%, 81.5%, 0.0%, 57.6%. The nearest named color is midnightblue.

On this page

ค่าสี

HEX

#20146C

RGB

32, 20, 108

HSL

248.2, 68.8%, 25.1%

HSV

248.2, 81.5%, 42.4%

CMYK

70.4%, 81.5%, 0.0%, 57.6%

OKLCH

0.2814 0.1417 278.3

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: midnightblue

จิตวิทยาสี

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.

ความกลมกลืนของสี

สีตรงข้าม

#20146C

#606C14

สีใกล้เคียง

#14346C

#4C146C

#20146C

สามสี

#20146C

#6C2014

#146C20

สีตรงข้ามแบบแยก

#20146C

#6C4C14

#346C14

สี่สี

#20146C

#6C1434

#606C14

#146C4C

การจำลองตาบอดสี

ต้นฉบับ

#20146C

ตาบอดสีแดง

#1B1B57

ตาบอดสีเขียว

#1C1C52

ตาบอดสีน้ำเงิน

#1F4642

ตาบอดสีทั้งหมด

#1D1D1D

การใช้งาน CSS

background-color: #20146C;

color: #20146C;

border-color: #20146C;

Tailwind ที่ใกล้เคียงที่สุด: Violet 950 #2E1065

เฉดสี Tailwind

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

15.24:1

AA Pass AAA Pass

ข้อความบนพื้นดำ

1.38:1

AA Fail AAA Fail

เปรียบเทียบกับ

บทความที่เกี่ยวข้อง

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026

บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

คำถามที่พบบ่อย

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

RGB(32, 20, 108) · HSL(248.2, 68.8%, 25.1%) · CMYK(70.4%, 81.5%, 0.0%, 57.6%)

Does #20146C meet WCAG contrast on white?

15.24:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #20146C?

Use FFFFFF text on a #20146C background; contrast on black is 1.38:1.