#0F7ABD

#0F7ABD

Color Values

HEX

#0F7ABD

RGB

15, 122, 189

HSL

203.1, 85.3%, 40.0%

HSV

203.1, 92.1%, 74.1%

CMYK

92.1%, 35.4%, 0.0%, 25.9%

OKLCH

0.5591 0.1349 244.6

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#0F7ABD

#BD520F

Analogous

#0FBDA9

#0F23BD

#0F7ABD

Triadic

#0F7ABD

#BD0F7A

#7ABD0F

Split Complementary

#0F7ABD

#BD0F23

#BDA90F

Tetradic

#0F7ABD

#A90FBD

#BD520F

#23BD0F

Color Blindness Simulation

Original

#0F7ABD

Protanopia

#3D3EAD

Deuteranopia

#372FA9

Tritanopia

#14A09D

Achromatopsia

#686868

CSS Usage

background-color: #0F7ABD;
color: #0F7ABD;
border-color: #0F7ABD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE2FA
300
#8ECEF6
400
#50B3F1
500
#1399EC
600
#0F7ABD
700
#0C6297
800
#094C76
900
#0B3956
950
#072436

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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