#2B5E9A Information

#2B5E9A color RGB value is (43 , 94 , 154) , HEX triplet: 2b, 5e and 9a. RGB value is (43 , 94 , 154). Sum of RGB (Red+Green+Blue) = 43+94+154=291 (Red value is 43 (16.86% from 255 or 20% from 215); Green value is 94 (36.86% from 255 or 43.72% from 215); Blue value is 154 (60.39% from 255 or 71.63% from 215); Max value from RGB is 154 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #2B5E9A hue: 0.59 , saturation: 0.56 and the lightness value of 2b5e9a is 0.39.

#2b5e9a
(43 , 94 , 154)
  • R (43)
  • G (94)
  • B (154)
  • C (43.53)
  • M (23.53)
  • Y (0)
  • K (39.61)

Applying the #2b5e9a

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#265995
#215490
#1c4f8b
#174a86
#124581
#0d407c
#083b77
#033672
#00316d
#002c68
#002763
#00225e
#376aa6
#4376b2
#4f82be
#5b8eca
#679ad6
#73a6e2
#7fb2ee
#8bbefa
#97caff
#a3d6ff
#afe2ff
#bbeeff

Color spaces of #2b5e9a

Type Values
RGB 43 94 154
HSL 0.59 0.56 0.39
HSV 212 72 60
CMYK 43.53 23.53 0 39.61
XYZ 10.8317 10.8521 32.0956
Hunter Lab 32.9425 1.0426 -34.6852
CIE-Lab 39.3302 3.9207 -37.7073

Base Numbers

BaseRedGreenBlue
Decimal 43 94 154
Binary 101011 1011110 10011010
Octal 53 136 232
Hex 2B 5E 9A

Monochromatic Colors

#4477b3
#5d90cc
#76a9e5
#8fc2fe
#a8dbff
#c1f4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#2b5e9a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#2B5E9A Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#2b5e9a">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#2b5e9a">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #2b5e9a">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #2b5e9a;
box-shadow: 1px 1px 4px #2b5e9a">You are Awesome</p>