#309AAA

#309AAA

Color Values

HEX

#309AAA

RGB

48, 154, 170

HSL

187.9, 56.0%, 42.7%

HSV

187.9, 71.8%, 66.7%

CMYK

71.8%, 9.4%, 0.0%, 33.3%

OKLCH

0.634 0.0959 209.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#309AAA

#AA4030

Analogous

#30AA7D

#305DAA

#309AAA

Triadic

#309AAA

#AA309A

#9AAA30

Split Complementary

#309AAA

#AA305D

#AA7D30

Tetradic

#309AAA

#7D30AA

#AA4030

#5DAA30

Color Blindness Simulation

Original

#309AAA

Protanopia

#5E5FA6

Deuteranopia

#5850A5

Tritanopia

#35A3A2

Achromatopsia

#858585

CSS Usage

background-color: #309AAA;
color: #309AAA;
border-color: #309AAA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F3F6
200
#C7EAEF
300
#A0DBE4
400
#6CC8D5
500
#38B4C7
600
#2D909F
700
#24737F
800
#1C5A63
900
#184249
950
#0F2A2E

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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