#2F58D0

#2F58D0

Color Values

HEX

#2F58D0

RGB

47, 88, 208

HSL

224.7, 63.1%, 50.0%

HSV

224.7, 77.4%, 81.6%

CMYK

77.4%, 57.7%, 0.0%, 18.4%

OKLCH

0.5057 0.1912 265.5

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2F58D0

#D0A72F

Analogous

#2FA9D0

#562FD0

#2F58D0

Triadic

#2F58D0

#D02F58

#58D02F

Split Complementary

#2F58D0

#D0562F

#A9D02F

Tetradic

#2F58D0

#D02FA9

#D0A72F

#2FD056

Color Blindness Simulation

Original

#2F58D0

Protanopia

#4141B3

Deuteranopia

#3E3BAC

Tritanopia

#319C97

Achromatopsia

#585858

CSS Usage

background-color: #2F58D0;
color: #2F58D0;
border-color: #2F58D0;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5D0F2
300
#9BAFE8
400
#6583DC
500
#2F58D0
600
#2646A6
700
#1E3885
800
#182C68
900
#15234C
950
#0D1630

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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