#7192C4

#7192C4

Color Values

HEX

#7192C4

RGB

113, 146, 196

HSL

216.1, 41.3%, 60.6%

HSV

216.1, 42.3%, 76.9%

CMYK

42.3%, 25.5%, 0.0%, 23.1%

OKLCH

0.6549 0.0839 258.5

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7192C4

#C4A371

Analogous

#71BCC4

#7971C4

#7192C4

Triadic

#7192C4

#C47192

#92C471

Split Complementary

#7192C4

#C47971

#BCC471

Tetradic

#7192C4

#C471BC

#C4A371

#71C479

Color Blindness Simulation

Original

#7192C4

Protanopia

#7F80B8

Deuteranopia

#7D7BB5

Tritanopia

#73AEAC

Achromatopsia

#8F8F8F

CSS Usage

background-color: #7192C4;
color: #7192C4;
border-color: #7192C4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD8EA
300
#A9BDDB
400
#7A99C8
500
#4B75B4
600
#3C5D90
700
#304B73
800
#253A5A
900
#1E2D42
950
#131C2A

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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