#359BA7

#359BA7

Color Values

HEX

#359BA7

RGB

53, 155, 167

HSL

186.3, 51.8%, 43.1%

HSV

186.3, 68.3%, 65.5%

CMYK

68.3%, 7.2%, 0.0%, 34.5%

OKLCH

0.6366 0.0929 206.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#359BA7

#A74135

Analogous

#35A77A

#3562A7

#359BA7

Triadic

#359BA7

#A7359B

#9BA735

Split Complementary

#359BA7

#A73562

#A77A35

Tetradic

#359BA7

#7A35A7

#A74135

#62A735

Color Blindness Simulation

Original

#359BA7

Protanopia

#6162A4

Deuteranopia

#5B54A3

Tritanopia

#3AA2A1

Achromatopsia

#868686

CSS Usage

background-color: #359BA7;
color: #359BA7;
border-color: #359BA7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9EAEE
300
#A2DBE2
400
#70C7D2
500
#3DB4C2
600
#31909B
700
#27737C
800
#1F5A61
900
#1A4247
950
#102A2D

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026