#114DBB

#114DBB

Color Values

HEX

#114DBB

RGB

17, 77, 187

HSL

218.8, 83.3%, 40.0%

HSV

218.8, 90.9%, 73.3%

CMYK

90.9%, 58.8%, 0.0%, 26.7%

OKLCH

0.4574 0.1834 261.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#114DBB

#BB7F11

Analogous

#11A2BB

#2A11BB

#114DBB

Triadic

#114DBB

#BB114D

#4DBB11

Split Complementary

#114DBB

#BB2A11

#A2BB11

Tetradic

#114DBB

#BB11A2

#BB7F11

#11BB2A

Color Blindness Simulation

Original

#114DBB

Protanopia

#2B2CA0

Deuteranopia

#28239A

Tritanopia

#148B87

Achromatopsia

#484848

CSS Usage

background-color: #114DBB;
color: #114DBB;
border-color: #114DBB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E1E9FA
200
#BED3F9
300
#8FB3F5
400
#528AEF
500
#1560EA
600
#114DBB
700
#0E3E96
800
#0B3075
900
#0C2655
950
#081836

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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