#4595BA

#4595BA

Color Values

HEX

#4595BA

RGB

69, 149, 186

HSL

199.0, 45.9%, 50.0%

HSV

199.0, 62.9%, 72.9%

CMYK

62.9%, 19.9%, 0.0%, 27.1%

OKLCH

0.6352 0.0955 230.9

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#4595BA

#BA6A45

Analogous

#45BAA5

#455ABA

#4595BA

Triadic

#4595BA

#BA4595

#95BA45

Split Complementary

#4595BA

#BA455A

#BAA545

Tetradic

#4595BA

#A545BA

#BA6A45

#5ABA45

Color Blindness Simulation

Original

#4595BA

Protanopia

#6868B1

Deuteranopia

#635DAF

Tritanopia

#49AAA8

Achromatopsia

#878787

CSS Usage

background-color: #4595BA;
color: #4595BA;
border-color: #4595BA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F8FA
100
#E6F0F4
200
#CBE1EC
300
#A6CCDE
400
#75B1CC
500
#4595BA
600
#377795
700
#2C5F77
800
#224A5D
900
#1C3844
950
#12232B

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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