#3C80C3

#3C80C3

Color Values

HEX

#3C80C3

RGB

60, 128, 195

HSL

209.8, 52.9%, 50.0%

HSV

209.8, 69.2%, 76.5%

CMYK

69.2%, 34.4%, 0.0%, 23.5%

OKLCH

0.5873 0.1241 250.5

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#3C80C3

#C37F3C

Analogous

#3CC3C2

#3C3DC3

#3C80C3

Triadic

#3C80C3

#C33C80

#80C33C

Split Complementary

#3C80C3

#C33C3D

#C3C23C

Tetradic

#3C80C3

#C23CC3

#C37F3C

#3DC33C

Color Blindness Simulation

Original

#3C80C3

Protanopia

#595AB3

Deuteranopia

#5650AF

Tritanopia

#3FA6A3

Achromatopsia

#767676

CSS Usage

background-color: #3C80C3;
color: #3C80C3;
border-color: #3C80C3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DBEE
300
#A1C2E2
400
#6FA1D3
500
#3C80C3
600
#30669C
700
#26527D
800
#1E4061
900
#193148
950
#101F2D

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026