#095DC3

#095DC3

Color Values

HEX

#095DC3

RGB

9, 93, 195

HSL

212.9, 91.2%, 40.0%

HSV

212.9, 95.4%, 76.5%

CMYK

95.4%, 52.3%, 0.0%, 23.5%

OKLCH

0.4964 0.1754 257.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#095DC3

#C36F09

Analogous

#09BAC3

#1209C3

#095DC3

Triadic

#095DC3

#C3095D

#5DC309

Split Complementary

#095DC3

#C31209

#BAC309

Tetradic

#095DC3

#C309BA

#C36F09

#09C312

Color Blindness Simulation

Original

#095DC3

Protanopia

#2D2EAA

Deuteranopia

#2822A4

Tritanopia

#0D9793

Achromatopsia

#535353

CSS Usage

background-color: #095DC3;
color: #095DC3;
border-color: #095DC3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD8FC
300
#8ABCFA
400
#4B98F7
500
#0B74F4
600
#095DC3
700
#074A9C
800
#063A7A
900
#092D58
950
#051C38

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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