#629EA2 Color

Color Information

HEX#629EA2
RGB98, 158, 162
HSL184° , 26% , 51%
HSV184° , 40% , 64%
CMYK40%, 2%, 0%, 36%

Lighter Shades

#75AAAD #88B5B8 #9BC1C3 #ADCDCF #C0D8DA #D3E4E5

Darker Shades

#568B8F #4A787B #3F6568 #335254 #273F41 #1B2C2D

Complementary Palette

#54888B #629EA2 #8C5854 #A36662 #B07B78 #78ACAF

Analogous Palette

#668A7A #6F9584 #5C9598 #629EA2 #6F8095 #7B899D

Triadic Palette

#568B8F #629EA2 #AF55A8 #B969B2 #A8AF55 #949A4B

Split Complementary Palette

#588E92 #629EA2 #A3627E #AC728B #A38662 #937958

Square Palette

#528588 #629EA2 #846E96 #96716E #7EA362 #93B27B

Tetradic Palette

#508285 #629EA2 #524BB9 #A36662 #B0B94B #BEC66B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #629EA2 contains 98 red, 158 green, and 162 blue.

Contrast Ratio: 2.98:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.04:1