#3F84CB

#3F84CB

Color Values

HEX

#3F84CB

RGB

63, 132, 203

HSL

210.4, 57.4%, 52.2%

HSV

210.4, 69.0%, 79.6%

CMYK

69.0%, 35.0%, 0.0%, 20.4%

OKLCH

0.6021 0.1291 251.4

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#3F84CB

#CB863F

Analogous

#3FCACB

#403FCB

#3F84CB

Triadic

#3F84CB

#CB3F84

#84CB3F

Split Complementary

#3F84CB

#CB403F

#CACB3F

Tetradic

#3F84CB

#CB3FCA

#CB863F

#3FCB40

Color Blindness Simulation

Original

#3F84CB

Protanopia

#5D5DBA

Deuteranopia

#5954B6

Tritanopia

#42ACA9

Achromatopsia

#7A7A7A

CSS Usage

background-color: #3F84CB;
color: #3F84CB;
border-color: #3F84CB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C7DBF0
300
#9FC1E5
400
#6AA0D7
500
#367FC9
600
#2B65A1
700
#235180
800
#1B3F64
900
#173049
950
#0F1E2E

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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