#649CA2

#649CA2

Color Values

HEX

#649CA2

RGB

100, 156, 162

HSL

185.8, 25.0%, 51.4%

HSV

185.8, 38.3%, 63.5%

CMYK

38.3%, 3.7%, 0.0%, 36.5%

OKLCH

0.6562 0.0594 204.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#649CA2

#A26A64

Analogous

#64A289

#647DA2

#649CA2

Triadic

#649CA2

#A2649C

#9CA264

Split Complementary

#649CA2

#A2647D

#A28964

Tetradic

#649CA2

#8964A2

#A26A64

#7DA264

Color Blindness Simulation

Original

#649CA2

Protanopia

#7C7DA1

Deuteranopia

#7975A0

Tritanopia

#679F9F

Achromatopsia

#919191

CSS Usage

background-color: #649CA2;
color: #649CA2;
border-color: #649CA2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E4
300
#B2CED1
400
#89B4B8
500
#60999F
600
#4D7B80
700
#3D6266
800
#304D50
900
#26393B
950
#182425

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026