#7192BC

#7192BC

Color Values

HEX

#7192BC

RGB

113, 146, 188

HSL

213.6, 35.9%, 59.0%

HSV

213.6, 39.9%, 73.7%

CMYK

39.9%, 22.3%, 0.0%, 26.3%

OKLCH

0.6513 0.0733 254.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7192BC

#BC9B71

Analogous

#71B7BC

#7571BC

#7192BC

Triadic

#7192BC

#BC7192

#92BC71

Split Complementary

#7192BC

#BC7571

#B7BC71

Tetradic

#7192BC

#BC71B7

#BC9B71

#71BC75

Color Blindness Simulation

Original

#7192BC

Protanopia

#7F80B2

Deuteranopia

#7D7BAF

Tritanopia

#73AAA8

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7192BC;
color: #7192BC;
border-color: #7192BC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CEDAE8
300
#ACBFD8
400
#7F9DC3
500
#527AAD
600
#41628B
700
#344E6F
800
#293D57
900
#212F40
950
#151D28

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.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