#ED6C67 Information

#ED6C67 color RGB value is (237 , 108 , 103) , HEX triplet: ed, 6c and 67. RGB value is (237 , 108 , 103). Sum of RGB (Red+Green+Blue) = 237+108+103=448 (Red value is 237 (92.94% from 255 or 110.23% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 103 (40.39% from 255 or 47.91% from 215); Max value from RGB is 237 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #ED6C67 hue: 0.01 , saturation: 0.79 and the lightness value of ed6c67 is 0.67.

#ed6c67
(237 , 108 , 103)
  • R (237)
  • G (108)
  • B (103)
  • C (0)
  • M (50.59)
  • Y (52.55)
  • K (7.06)

Applying the #ed6c67

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

#e86762
#e3625d
#de5d58
#d95853
#d4534e
#cf4e49
#ca4944
#c5443f
#c03f3a
#bb3a35
#b63530
#b1302b
#f97873
#ff847f
#ff908b
#ff9c97
#ffa8a3
#ffb4af
#ffc0bb
#ffccc7
#ffd8d3
#ffe4df
#fff0eb
#fffcf7

Color spaces of #ed6c67

Type Values
RGB 237 108 103
HSL 0.01 0.79 0.67
HSV 2 57 93
CMYK 0 50.59 52.55 7.06
XYZ 42.7358 29.7089 16.3139
Hunter Lab 54.5059 44.5693 20.4139
CIE-Lab 61.4023 49.4187 27.2265

Base Numbers

BaseRedGreenBlue
Decimal 237 108 103
Binary 11101101 1101100 1100111
Octal 355 154 147
Hex ED 6C 67

Monochromatic Colors

#ff8580
#ff9e99
#ffb7b2
#ffd0cb
#ffe9e4
#fffffd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ed6c67 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ED6C67 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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