#2F8CE9

#2F8CE9

Color Values

HEX

#2F8CE9

RGB

47, 140, 233

HSL

210.0, 80.9%, 54.9%

HSV

210.0, 79.8%, 91.4%

CMYK

79.8%, 39.9%, 0.0%, 8.6%

OKLCH

0.6327 0.1638 252.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#2F8CE9

#E98C2F

Analogous

#2FE9E9

#2F2FE9

#2F8CE9

Triadic

#2F8CE9

#E92F8C

#8CE92F

Split Complementary

#2F8CE9

#E92F2F

#E9E92F

Tetradic

#2F8CE9

#E92FE9

#E98C2F

#2FE92F

Color Blindness Simulation

Original

#2F8CE9

Protanopia

#5758D3

Deuteranopia

#524BCD

Tritanopia

#34C1BD

Achromatopsia

#7F7F7F

CSS Usage

background-color: #2F8CE9;
color: #2F8CE9;
border-color: #2F8CE9;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BEDBF8
300
#90C2F3
400
#54A1ED
500
#1880E7
600
#1366B9
700
#105294
800
#0C4073
900
#0D3054
950
#081F35

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass 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