#298CEF

#298CEF

Color Values

HEX

#298CEF

RGB

41, 140, 239

HSL

210.0, 86.1%, 54.9%

HSV

210.0, 82.8%, 93.7%

CMYK

82.8%, 41.4%, 0.0%, 6.3%

OKLCH

0.6351 0.1727 252.7

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#298CEF

#EF8C29

Analogous

#29EFEF

#2929EF

#298CEF

Triadic

#298CEF

#EF298C

#8CEF29

Split Complementary

#298CEF

#EF2929

#EFEF29

Tetradic

#298CEF

#EF29EF

#EF8C29

#29EF29

Color Blindness Simulation

Original

#298CEF

Protanopia

#5455D7

Deuteranopia

#4E47D1

Tritanopia

#2EC4C0

Achromatopsia

#7E7E7E

CSS Usage

background-color: #298CEF;
color: #298CEF;
border-color: #298CEF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBFA
300
#8DC2F6
400
#4FA1F2
500
#1280ED
600
#0E66BE
700
#0B5298
800
#094077
900
#0B3056
950
#071F36

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.09:1

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