#203CBC

Blue

HEX

RGB

HSL

About #203CBC Blue

#203CBC is a blue color. In the RGB color model, it is composed of 32 red, 60 green, and 188 blue. In the HSL color space, it has a hue of 229°, saturation of 71%, and lightness of 43%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #203CBC in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

229°

Hue

71%

Saturation

43%

Lightness

Blue

Color Harmonies

Colors that work well with #203CBC based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #203CBC against white and black backgrounds.

Aa#203CBC on White
Contrast Ratio8.63:1
AA AA Large AAA
Aa#203CBC on Black
Contrast Ratio2.43:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #203CBC across different color formats.

FormatValue
HEX#203CBC
RGBrgb(32, 60, 188)
HSLhsl(229, 71%, 43%)
RGB Decimal32, 60, 188
RGB Percent12.5%, 23.5%, 73.7%
CMYK (approx.)83%, 68%, 0%, 26%

Related Palettes

12 palettes using #203CBC or similar colors

#2240C3#6845DE#C179E7#F0ADEC
#193AB3#6635E4#CD83E2#F6BCE5
#1744B5#603FDA#CA7CE9#F7BAEA
#1543B7#5E3BDE#C97EE7#F7BBEA
#2230C3#7845DE#CC79E7#F0ADE5
#2248C3#6145DE#BB79E7#F0ADEF
#2138AB#6F35E3#D57FE6#F6BCE2
#192EB3#763ADF#DC7AEB#F5BDE0
#1E2FAE#7B41D8#DB7DE8#F7BAE0
#154BB7#5133E5#C47DE8#F5BCEC
#222AC3#7D45DE#CF79E7#F0ADE3
#2250C3#5945DE#B579E7#EEADF0