#3F88F2

#3F88F2

Color Values

HEX

#3F88F2

RGB

63, 136, 242

HSL

215.5, 87.3%, 59.8%

HSV

215.5, 74.0%, 94.9%

CMYK

74.0%, 43.8%, 0.0%, 5.1%

OKLCH

0.6343 0.175 258.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#3F88F2

#F2A93F

Analogous

#3FE2F2

#4F3FF2

#3F88F2

Triadic

#3F88F2

#F23F88

#88F23F

Split Complementary

#3F88F2

#F24F3F

#E2F23F

Tetradic

#3F88F2

#F23FE2

#F2A93F

#3FF24F

Color Blindness Simulation

Original

#3F88F2

Protanopia

#5F5FD8

Deuteranopia

#5A55D2

Tritanopia

#43C4C0

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BCD6FA
300
#8CB8F7
400
#4E92F3
500
#106BEF
600
#0D56BF
700
#0A4599
800
#083677
900
#0A2957
950
#071A37

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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