#211C48 Information

#211C48 color RGB value is (33 , 28 , 72) , HEX triplet: 21, 1c and 48. RGB value is (33 , 28 , 72). Sum of RGB (Red+Green+Blue) = 33+28+72=133 (Red value is 33 (12.94% from 255 or 15.35% from 215); Green value is 28 (10.98% from 255 or 13.02% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 72 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #211C48 hue: 0.69 , saturation: 0.44 and the lightness value of 211c48 is 0.2.

#211c48
(33 , 28 , 72)
  • R (33)
  • G (28)
  • B (72)
  • C (15.29)
  • M (17.25)
  • Y (0)
  • K (71.76)

Applying the #211c48

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

#1c1743
#17123e
#120d39
#0d0834
#08032f
#03002a
#000025
#000020
#00001b
#000016
#000011
#00000c
#2d2854
#393460
#45406c
#514c78
#5d5884
#696490
#75709c
#817ca8
#8d88b4
#9994c0
#a5a0cc
#b1acd8

Color spaces of #211c48

Type Values
RGB 33 28 72
HSL 0.69 0.44 0.2
HSV 247 61 28
CMYK 15.29 17.25 0 71.76
XYZ 2.2122 1.6217 6.3273
Hunter Lab 12.7347 8.7217 -20.5337
CIE-Lab 13.3618 16.1967 -26.8431

Base Numbers

BaseRedGreenBlue
Decimal 33 28 72
Binary 100001 11100 1001000
Octal 41 34 110
Hex 21 1C 48

Monochromatic Colors

#3a3561
#534e7a
#6c6793
#8580ac
#9e99c5
#b7b2de

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#211c48 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#211C48 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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