#114F93

#114F93

Color Values

HEX

#114F93

RGB

17, 79, 147

HSL

211.4, 79.3%, 32.2%

HSV

211.4, 88.4%, 57.6%

CMYK

88.4%, 46.3%, 0.0%, 42.4%

OKLCH

0.4296 0.1271 254.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#114F93

#935511

Analogous

#119093

#141193

#114F93

Triadic

#114F93

#93114F

#4F9311

Split Complementary

#114F93

#931411

#909311

Tetradic

#114F93

#931190

#935511

#119314

Color Blindness Simulation

Original

#114F93

Protanopia

#2C2C83

Deuteranopia

#28247F

Tritanopia

#147673

Achromatopsia

#474747

CSS Usage

background-color: #114F93;
color: #114F93;
border-color: #114F93;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#91C0F2
400
#569DEB
500
#1A7BE5
600
#1562B7
700
#114F92
800
#0D3D72
900
#0E2F53
950
#091E34

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

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