#3398F5

#3398F5

Color Values

HEX

#3398F5

RGB

51, 152, 245

HSL

208.8, 90.7%, 58.0%

HSV

208.8, 79.2%, 96.1%

CMYK

79.2%, 38.0%, 0.0%, 3.9%

OKLCH

0.6674 0.1653 250.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#3398F5

#F59033

Analogous

#33F5F1

#3337F5

#3398F5

Triadic

#3398F5

#F53398

#98F533

Split Complementary

#3398F5

#F53337

#F5F133

Tetradic

#3398F5

#F133F5

#F59033

#37F533

Color Blindness Simulation

Original

#3398F5

Protanopia

#5F60DF

Deuteranopia

#5951D9

Tritanopia

#38CDC9

Achromatopsia

#898989

CSS Usage

background-color: #3398F5;
color: #3398F5;
border-color: #3398F5;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDDFC
300
#8AC4F9
400
#4BA4F6
500
#0C84F3
600
#096AC3
700
#08559C
800
#06427A
900
#093258
950
#062038

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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