#2D6FFE Color

Color Information

HEX#2D6FFE
RGB45, 111, 254
HSL221° , 99% , 59%
HSV221° , 82% , 100%
CMYK82%, 56%, 0%, 0%

Lighter Shades

#4680FE #5F92FE #79A3FE #92B4FE #ABC5FF #C4D7FF

Darker Shades

#2862E0 #2254C1 #1D47A3 #173A84 #122C66 #0D1F47

Complementary Palette

#275FDA #2D6FFE #DAA228 #FEBC2F #FEC54C #4A83FE

Analogous Palette

#41B8D2 #44CBE9 #2A68EF #2D6FFE #6244E9 #6E52EB

Triadic Palette

#2862E0 #2D6FFE #FF2E70 #FF4781 #70FF2E #63E028

Split Complementary Palette

#2964E5 #2D6FFE #FE552F #FE6644 #D8FE2F #C2E52A

Square Palette

#265DD5 #2D6FFE #F339D1 #F3B939 #2FFE55 #50FE70

Tetradic Palette

#255BD0 #2D6FFE #BD2EFF #FEBC2F #70FF2E #8AFF54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D6FFE contains 45 red, 111 green, and 254 blue.

Contrast Ratio: 4.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.82:1