#3094FF

#3094FF

Color Values

HEX

#3094FF

RGB

48, 148, 255

HSL

211.0, 100.0%, 59.4%

HSV

211.0, 81.2%, 100.0%

CMYK

81.2%, 42.0%, 0.0%, 0.0%

OKLCH

0.664 0.1824 253.7

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#3094FF

#FF9B30

Analogous

#30FCFF

#3330FF

#3094FF

Triadic

#3094FF

#FF3094

#94FF30

Split Complementary

#3094FF

#FF3330

#FCFF30

Tetradic

#3094FF

#FF30FC

#FF9B30

#30FF33

Color Blindness Simulation

Original

#3094FF

Protanopia

#5B5CE5

Deuteranopia

#564EDF

Tritanopia

#35D1CC

Achromatopsia

#868686

CSS Usage

background-color: #3094FF;
color: #3094FF;
border-color: #3094FF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DAFF
300
#85C0FF
400
#429EFF
500
#007BFF
600
#0063CC
700
#004FA3
800
#003E80
900
#052F5C
950
#031E3A

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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