#399AFB

#399AFB

Color Values

HEX

#399AFB

RGB

57, 154, 251

HSL

210.0, 96.0%, 60.4%

HSV

210.0, 77.3%, 98.4%

CMYK

77.3%, 38.6%, 0.0%, 1.6%

OKLCH

0.6768 0.169 251.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#399AFB

#FB9A39

Analogous

#39FBFB

#3939FB

#399AFB

Triadic

#399AFB

#FB399A

#9AFB39

Split Complementary

#399AFB

#FB3939

#FBFB39

Tetradic

#399AFB

#FB39FB

#FB9A39

#39FB39

Color Blindness Simulation

Original

#399AFB

Protanopia

#6364E4

Deuteranopia

#5D56DE

Tritanopia

#3ED1CD

Achromatopsia

#8C8C8C

CSS Usage

background-color: #399AFB;
color: #399AFB;
border-color: #399AFB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DBFE
300
#87C2FD
400
#46A1FB
500
#0580FA
600
#0466C8
700
#0352A0
800
#03407D
900
#07305A
950
#041F39

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

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