#3BA0C4

#3BA0C4

Color Values

HEX

#3BA0C4

RGB

59, 160, 196

HSL

195.8, 53.7%, 50.0%

HSV

195.8, 69.9%, 76.9%

CMYK

69.9%, 18.4%, 0.0%, 23.1%

OKLCH

0.6626 0.1056 225.6

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#3BA0C4

#C45F3B

Analogous

#3BC4A4

#3B5BC4

#3BA0C4

Triadic

#3BA0C4

#C43BA0

#A0C43B

Split Complementary

#3BA0C4

#C43B5B

#C4A43B

Tetradic

#3BA0C4

#A43BC4

#C45F3B

#5BC43B

Color Blindness Simulation

Original

#3BA0C4

Protanopia

#6768BB

Deuteranopia

#6159B9

Tritanopia

#40B4B3

Achromatopsia

#8D8D8D

CSS Usage

background-color: #3BA0C4;
color: #3BA0C4;
border-color: #3BA0C4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C8E4EE
300
#A1D1E3
400
#6EB9D3
500
#3BA0C4
600
#2F809D
700
#26667D
800
#1E5062
900
#193C48
950
#10262D

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

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