#255B8D Information

#255B8D color RGB value is (37 , 91 , 141) , HEX triplet: 25, 5b and 8d. RGB value is (37 , 91 , 141). Sum of RGB (Red+Green+Blue) = 37+91+141=269 (Red value is 37 (14.51% from 255 or 17.21% from 215); Green value is 91 (35.69% from 255 or 42.33% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 141 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #255B8D hue: 0.58 , saturation: 0.58 and the lightness value of 255b8d is 0.35.

#255b8d
(37 , 91 , 141)
  • R (37)
  • G (91)
  • B (141)
  • C (40.78)
  • M (19.61)
  • Y (0)
  • K (44.71)

Applying the #255b8d

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

#205688
#1b5183
#164c7e
#114779
#0c4274
#073d6f
#02386a
#003365
#002e60
#00295b
#002456
#001f51
#316799
#3d73a5
#497fb1
#558bbd
#6197c9
#6da3d5
#79afe1
#85bbed
#91c7f9
#9dd3ff
#a9dfff
#b5ebff

Color spaces of #255b8d

Type Values
RGB 37 91 141
HSL 0.58 0.58 0.35
HSV 209 74 55
CMYK 40.78 19.61 0 44.71
XYZ 9.3118 9.7986 26.5998
Hunter Lab 31.3027 -1.6803 -28.4524
CIE-Lab 37.4785 -0.0123 -32.8225

Base Numbers

BaseRedGreenBlue
Decimal 37 91 141
Binary 100101 1011011 10001101
Octal 45 133 215
Hex 25 5B 8D

Monochromatic Colors

#3e74a6
#578dbf
#70a6d8
#89bff1
#a2d8ff
#bbf1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#255b8d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#255B8D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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