#306ABB

#306ABB

Color Values

HEX

#306ABB

RGB

48, 106, 187

HSL

215.0, 59.1%, 46.1%

HSV

215.0, 74.3%, 73.3%

CMYK

74.3%, 43.3%, 0.0%, 26.7%

OKLCH

0.5283 0.1411 257.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#306ABB

#BB8130

Analogous

#30AFBB

#3C30BB

#306ABB

Triadic

#306ABB

#BB306A

#6ABB30

Split Complementary

#306ABB

#BB3C30

#AFBB30

Tetradic

#306ABB

#BB30AF

#BB8130

#30BB3C

Color Blindness Simulation

Original

#306ABB

Protanopia

#494AA7

Deuteranopia

#4641A3

Tritanopia

#339895

Achromatopsia

#646464

CSS Usage

background-color: #306ABB;
color: #306ABB;
border-color: #306ABB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D8F0
300
#9EBCE6
400
#6997D8
500
#3473CB
600
#2A5CA2
700
#214A82
800
#1A3965
900
#172C4A
950
#0E1C2F

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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