#3094CF

#3094CF

Color Values

HEX

#3094CF

RGB

48, 148, 207

HSL

202.3, 62.4%, 50.0%

HSV

202.3, 76.8%, 81.2%

CMYK

76.8%, 28.5%, 0.0%, 18.8%

OKLCH

0.6365 0.1259 239.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#3094CF

#CF6B30

Analogous

#30CFBB

#3044CF

#3094CF

Triadic

#3094CF

#CF3094

#94CF30

Split Complementary

#3094CF

#CF3044

#CFBB30

Tetradic

#3094CF

#BB30CF

#CF6B30

#44CF30

Color Blindness Simulation

Original

#3094CF

Protanopia

#5B5CC1

Deuteranopia

#564EBD

Tritanopia

#35B5B3

Achromatopsia

#838383

CSS Usage

background-color: #3094CF;
color: #3094CF;
border-color: #3094CF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FB
100
#E4F0F7
200
#C5E1F2
300
#9CCCE8
400
#66B0DC
500
#3094CF
600
#2676A6
700
#1F5F85
800
#184A68
900
#15374C
950
#0D2330

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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