#205BA4

#205BA4

Color Values

HEX

#205BA4

RGB

32, 91, 164

HSL

213.2, 67.3%, 38.4%

HSV

213.2, 80.5%, 64.3%

CMYK

80.5%, 44.5%, 0.0%, 35.7%

OKLCH

0.4735 0.1323 255.8

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#205BA4

#A46920

Analogous

#209DA4

#2720A4

#205BA4

Triadic

#205BA4

#A4205B

#5BA420

Split Complementary

#205BA4

#A42720

#9DA420

Tetradic

#205BA4

#A4209D

#A46920

#20A427

Color Blindness Simulation

Original

#205BA4

Protanopia

#3A3A92

Deuteranopia

#36328E

Tritanopia

#238481

Achromatopsia

#545454

CSS Usage

background-color: #205BA4;
color: #205BA4;
border-color: #205BA4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D9F3
300
#99BDEB
400
#619AE0
500
#2A76D5
600
#215FAB
700
#1B4C89
800
#153B6B
900
#132D4E
950
#0C1D31

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026