#2F72CA

#2F72CA

Color Values

HEX

#2F72CA

RGB

47, 114, 202

HSL

214.1, 62.2%, 48.8%

HSV

214.1, 76.7%, 79.2%

CMYK

76.7%, 43.6%, 0.0%, 20.8%

OKLCH

0.5556 0.1523 256.6

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#2F72CA

#CA872F

Analogous

#2FBFCA

#3A2FCA

#2F72CA

Triadic

#2F72CA

#CA2F72

#72CA2F

Split Complementary

#2F72CA

#CA3A2F

#BFCA2F

Tetradic

#2F72CA

#CA2FBF

#CA872F

#2FCA3A

Color Blindness Simulation

Original

#2F72CA

Protanopia

#4C4DB5

Deuteranopia

#4843B0

Tritanopia

#32A4A0

Achromatopsia

#6A6A6A

CSS Usage

background-color: #2F72CA;
color: #2F72CA;
border-color: #2F72CA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F2
300
#9CBDE8
400
#6699DB
500
#3075CF
600
#275DA5
700
#1F4B84
800
#183A67
900
#152D4C
950
#0D1C30

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026