#535C63 Color

Color Information

HEX#535C63
RGB83, 92, 99
HSL206° , 9% , 36%
HSV206° , 16% , 39%
CMYK16%, 7%, 0%, 61%

Lighter Shades

#687076 #7C8388 #91979B #A6AAAE #BABEC1 #CFD1D3

Darker Shades

#495157 #3F464B #353B3F #2B3033 #212528 #171A1C

Complementary Palette

#474F55 #535C63 #564E48 #645B54 #7A726C #6B7379

Analogous Palette

#48615F #4E6A68 #4E565D #535C63 #4E506A #595B78

Triadic Palette

#495157 #535C63 #6D4A5E #7F6071 #5E6D4A #536041

Split Complementary Palette

#4B5359 #535C63 #645455 #746566 #646354 #5A594C

Square Palette

#464D53 #535C63 #684E6A #6A5A4E #556454 #707D6F

Tetradic Palette

#444B51 #535C63 #584375 #645B54 #5F7543 #7C8E65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535C63 contains 83 red, 92 green, and 99 blue.

Contrast Ratio: 6.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1