#B14323 Information

#B14323 color RGB value is (177 , 67 , 35) , HEX triplet: b1, 43 and 23. RGB value is (177 , 67 , 35). Sum of RGB (Red+Green+Blue) = 177+67+35=279 (Red value is 177 (69.41% from 255 or 82.33% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 35 (13.73% from 255 or 16.28% from 215); Max value from RGB is 177 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B14323 hue: 0.04 , saturation: 0.67 and the lightness value of b14323 is 0.42.

#b14323
(177 , 67 , 35)
  • R (177)
  • G (67)
  • B (35)
  • C (0)
  • M (43.14)
  • Y (55.69)
  • K (30.59)

Applying the #b14323

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

#ac3e1e
#a73919
#a23414
#9d2f0f
#982a0a
#932505
#8e2000
#891b00
#841600
#7f1100
#7a0c00
#750700
#bd4f2f
#c95b3b
#d56747
#e17353
#ed7f5f
#f98b6b
#ff9777
#ffa383
#ffaf8f
#ffbb9b
#ffc7a7
#ffd3b3

Color spaces of #b14323

Type Values
RGB 177 67 35
HSL 0.04 0.67 0.42
HSV 14 80 69
CMYK 0 43.14 55.69 30.59
XYZ 20.442 13.4828 3.1151
Hunter Lab 36.7189 35.1158 20.6744
CIE-Lab 43.4818 43.1827 41.3853

Base Numbers

BaseRedGreenBlue
Decimal 177 67 35
Binary 10110001 1000011 100011
Octal 261 103 43
Hex B1 43 23

Monochromatic Colors

#ca5c3c
#e37555
#fc8e6e
#ffa787
#ffc0a0
#ffd9b9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b14323 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B14323 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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