#306CAB

#306CAB

Color Values

HEX

#306CAB

RGB

48, 108, 171

HSL

210.7, 56.2%, 42.9%

HSV

210.7, 71.9%, 67.1%

CMYK

71.9%, 36.8%, 0.0%, 32.9%

OKLCH

0.5228 0.1176 252.0

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#306CAB

#AB6F30

Analogous

#30A9AB

#3130AB

#306CAB

Triadic

#306CAB

#AB306C

#6CAB30

Split Complementary

#306CAB

#AB3130

#A9AB30

Tetradic

#306CAB

#AB30A9

#AB6F30

#30AB31

Color Blindness Simulation

Original

#306CAB

Protanopia

#4A4B9C

Deuteranopia

#464298

Tritanopia

#33908D

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF6
200
#C7DBEF
300
#9FC1E4
400
#6C9FD6
500
#387EC7
600
#2D659F
700
#24517F
800
#1C3F64
900
#183049
950
#0F1E2E

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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