#2F578E

#2F578E

Color Values

HEX

#2F578E

RGB

47, 87, 142

HSL

214.7, 50.3%, 37.1%

HSV

214.7, 66.9%, 55.7%

CMYK

66.9%, 38.7%, 0.0%, 44.3%

OKLCH

0.4554 0.1011 256.8

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#2F578E

#8E662F

Analogous

#2F878E

#362F8E

#2F578E

Triadic

#2F578E

#8E2F57

#578E2F

Split Complementary

#2F578E

#8E362F

#878E2F

Tetradic

#2F578E

#8E2F87

#8E662F

#2F8E36

Color Blindness Simulation

Original

#2F578E

Protanopia

#404181

Deuteranopia

#3E3B7D

Tritanopia

#317674

Achromatopsia

#525252

CSS Usage

background-color: #2F578E;
color: #2F578E;
border-color: #2F578E;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#C9D8ED
300
#A3BDE1
400
#7199D0
500
#3F75C0
600
#335E99
700
#294B7B
800
#203B60
900
#1B2D46
950
#111C2C

Contrast Checker

Text on white

7.3:1

AA Pass AAA Pass

Text on black

2.87: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