#306FAC

#306FAC

Color Values

HEX

#306FAC

RGB

48, 111, 172

HSL

209,5, 56,4%, 43,1%

HSV

209,5, 72,1%, 67,5%

CMYK

72,1%, 35,5%, 0,0%, 32,5%

OKLCH

0,5304 0,1159 250,3

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#306FAC

#AC6D30

Analogous

#30ACAB

#3031AC

#306FAC

Triadic

#306FAC

#AC306F

#6FAC30

Split Complementary

#306FAC

#AC3031

#ACAB30

Tetradic

#306FAC

#AB30AC

#AC6D30

#31AC30

Color Blindness Simulation

Original

#306FAC

Protanopia

#4B4C9D

Deuteranopia

#48439A

Tritanopia

#33928F

Achromatopsia

#666666

CSS Usage

background-color: #306FAC;
color: #306FAC;
border-color: #306FAC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E5EDF6
200
#C7DCEF
300
#9FC2E4
400
#6BA2D6
500
#3881C7
600
#2C67A0
700
#245280
800
#1C4064
900
#183149
950
#0F1F2E

Contrast Checker

Text on white

5,26:1

AA Pass AAA Fail

Text on black

4,0:1

AA Fail 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