#367BE2 Color

Color Information

HEX#367BE2
RGB54, 123, 226
HSL216° , 75% , 55%
HSV216° , 76% , 89%
CMYK76%, 46%, 0%, 11%

Lighter Shades

#4E8BE5 #669BE9 #7EABEC #96BAF0 #AFCAF3 #C7DAF7

Darker Shades

#306CC7 #295DAC #234F91 #1C4076 #16315A #0F223F

Complementary Palette

#2E6AC2 #367BE2 #C2872E #E29D36 #E6AB52 #528DE6

Analogous Palette

#4CADB8 #4DBFCB #3374D4 #367BE2 #5A4DCB #6559CF

Triadic Palette

#306CC7 #367BE2 #EE2B79 #F04489 #79EE2B #6AD126

Split Complementary Palette

#316FCB #367BE2 #E24736 #E5594A #D1E236 #BCCB31

Square Palette

#2D67BE #367BE2 #D742C8 #D79B42 #36E247 #56E764

Tetradic Palette

#2C65B9 #367BE2 #A222F7 #E29D36 #77F722 #8FF84A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #367BE2 contains 54 red, 123 green, and 226 blue.

Contrast Ratio: 4.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.12:1