#116FCB

#116FCB

Color Values

HEX

#116FCB

RGB

17, 111, 203

HSL

209.7, 84.5%, 43.1%

HSV

209.7, 91.6%, 79.6%

CMYK

91.6%, 45.3%, 0.0%, 20.4%

OKLCH

0.5429 0.1635 253.7

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#116FCB

#CB6D11

Analogous

#11CBCA

#1112CB

#116FCB

Triadic

#116FCB

#CB116F

#6FCB11

Split Complementary

#116FCB

#CB1112

#CBCA11

Tetradic

#116FCB

#CA11CB

#CB6D11

#12CB11

Color Blindness Simulation

Original

#116FCB

Protanopia

#3A3BB5

Deuteranopia

#342DAF

Tritanopia

#16A39F

Achromatopsia

#626262

CSS Usage

background-color: #116FCB;
color: #116FCB;
border-color: #116FCB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDCF9
300
#8EC2F6
400
#51A1F0
500
#1481EB
600
#1067BC
700
#0D5297
800
#0A4076
900
#0C3155
950
#071F36

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026