#2F4CB1

#2F4CB1

Color Values

HEX

#2F4CB1

RGB

47, 76, 177

HSL

226.6, 58.0%, 43.9%

HSV

226.6, 73.4%, 69.4%

CMYK

73.4%, 57.1%, 0.0%, 30.6%

OKLCH

0.4566 0.1644 267.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2F4CB1

#B1942F

Analogous

#2F8DB1

#532FB1

#2F4CB1

Triadic

#2F4CB1

#B12F4C

#4CB12F

Split Complementary

#2F4CB1

#B1532F

#8DB12F

Tetradic

#2F4CB1

#B12F8D

#B1942F

#2FB153

Color Blindness Simulation

Original

#2F4CB1

Protanopia

#3C3C99

Deuteranopia

#3A3893

Tritanopia

#308581

Achromatopsia

#4D4D4D

CSS Usage

background-color: #2F4CB1;
color: #2F4CB1;
border-color: #2F4CB1;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E4E8F6
200
#C7D0F0
300
#9EAEE5
400
#6A82D7
500
#3657C9
600
#2B45A1
700
#223781
800
#1B2B65
900
#17224A
950
#0F162F

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

2.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026