#0F66CC

#0F66CC

Color Values

HEX

#0F66CC

RGB

15, 102, 204

HSL

212.4, 86.3%, 42.9%

HSV

212.4, 92.6%, 80.0%

CMYK

92.6%, 50.0%, 0.0%, 20.0%

OKLCH

0.5235 0.1756 256.8

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#0F66CC

#CC750F

Analogous

#0FC4CC

#170FCC

#0F66CC

Triadic

#0F66CC

#CC0F66

#66CC0F

Split Complementary

#0F66CC

#CC170F

#C4CC0F

Tetradic

#0F66CC

#CC0FC4

#CC750F

#0FCC17

Color Blindness Simulation

Original

#0F66CC

Protanopia

#3535B3

Deuteranopia

#3029AD

Tritanopia

#13A09C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #0F66CC;
color: #0F66CC;
border-color: #0F66CC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD9FA
300
#8DBEF7
400
#4F9AF2
500
#1177EE
600
#0E5FBE
700
#0B4C98
800
#093B77
900
#0B2D56
950
#071D36

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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