#255D9A Information

#255D9A color RGB value is (37 , 93 , 154) , HEX triplet: 25, 5d and 9a. RGB value is (37 , 93 , 154). Sum of RGB (Red+Green+Blue) = 37+93+154=284 (Red value is 37 (14.51% from 255 or 17.21% from 215); Green value is 93 (36.47% from 255 or 43.26% 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 #255D9A hue: 0.59 , saturation: 0.61 and the lightness value of 255d9a is 0.37.

#255d9a
(37 , 93 , 154)
  • R (37)
  • G (93)
  • B (154)
  • C (45.88)
  • M (23.92)
  • Y (0)
  • K (39.61)

Applying the #255d9a

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

#205895
#1b5390
#164e8b
#114986
#0c4481
#073f7c
#023a77
#003572
#00306d
#002b68
#002663
#00215e
#3169a6
#3d75b2
#4981be
#558dca
#6199d6
#6da5e2
#79b1ee
#85bdfa
#91c9ff
#9dd5ff
#a9e1ff
#b5edff

Color spaces of #255d9a

Type Values
RGB 37 93 154
HSL 0.59 0.61 0.37
HSV 211 76 60
CMYK 45.88 23.92 0 39.61
XYZ 10.51 10.5551 32.0553
Hunter Lab 32.4886 0.8896 -35.736
CIE-Lab 38.8208 3.6927 -38.5297

Base Numbers

BaseRedGreenBlue
Decimal 37 93 154
Binary 100101 1011101 10011010
Octal 45 135 232
Hex 25 5D 9A

Monochromatic Colors

#3e76b3
#578fcc
#70a8e5
#89c1fe
#a2daff
#bbf3ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#255d9a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#255D9A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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