#3B9DF6

#3B9DF6

Color Values

HEX

#3B9DF6

RGB

59, 157, 246

HSL

208.6, 91.2%, 59.8%

HSV

208.6, 76.0%, 96.5%

CMYK

76.0%, 36.2%, 0.0%, 3.5%

OKLCH

0.681 0.1595 249.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#3B9DF6

#F6943B

Analogous

#3BF6F2

#3B3FF6

#3B9DF6

Triadic

#3B9DF6

#F63B9D

#9DF63B

Split Complementary

#3B9DF6

#F63B3F

#F6F23B

Tetradic

#3B9DF6

#F23BF6

#F6943B

#3FF63B

Color Blindness Simulation

Original

#3B9DF6

Protanopia

#6566E0

Deuteranopia

#6058DB

Tritanopia

#40CFCC

Achromatopsia

#8F8F8F

CSS Usage

background-color: #3B9DF6;
color: #3B9DF6;
border-color: #3B9DF6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDDFC
300
#8AC4FA
400
#4BA5F7
500
#0B85F4
600
#096AC3
700
#07559C
800
#06427A
900
#093258
950
#052038

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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