#396DFB Color

Color Information

HEX	#396DFB
RGB	57, 109, 251
HSL	224° , 96% , 60%
HSV	224° , 77% , 98%
CMYK	77%, 57%, 0%, 2%

Lighter Shades

#517FFB #6990FC #80A2FC #98B3FD #B0C5FD #C8D6FE

Darker Shades

#3260DD #2B53BF #2446A1 #1E3983 #172C64 #101F46

Complementary Palette

#315ED8 #396DFB #D8AB2F #FBC737 #FCCF53 #5581FC

Analogous Palette

#49B0D0 #4BC2E7 #3666EC #396DFB #704BE7 #7A59E8

Triadic Palette

#3260DD #396DFB #FF3369 #FF4B7B #69FF33 #5CE02D

Split Complementary Palette

#3362E2 #396DFB #FB6537 #FB744B #CDFB37 #B9E232

Square Palette

#305CD3 #396DFB #F141C8 #F1C241 #37FB65 #57FC7E

Tetradic Palette

#2F59CE #396DFB #C933FF #FBC737 #69FF33 #84FF58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #396DFB contains 57 red, 109 green, and 251 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1