#CEF0B1 Information

#CEF0B1 color RGB value is (206 , 240 , 177) , HEX triplet: ce, f0 and b1. RGB value is (206 , 240 , 177). Sum of RGB (Red+Green+Blue) = 206+240+177=623 (Red value is 206 (80.78% from 255 or 95.81% from 215); Green value is 240 (94.12% from 255 or 111.63% from 215); Blue value is 177 (69.41% from 255 or 82.33% from 215); Max value from RGB is 240 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #CEF0B1 hue: 0.26 , saturation: 0.68 and the lightness value of cef0b1 is 0.82.

#cef0b1
(206 , 240 , 177)
  • R (206)
  • G (240)
  • B (177)
  • C (13.33)
  • M (0)
  • Y (24.71)
  • K (5.88)

Applying the #cef0b1

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

#c9ebac
#c4e6a7
#bfe1a2
#badc9d
#b5d798
#b0d293
#abcd8e
#a6c889
#a1c384
#9cbe7f
#97b97a
#92b475
#dafcbd
#e6ffc9
#f2ffd5
#feffe1
#ffffed
#fffff9
#ffffff

Color spaces of #cef0b1

Type Values
RGB 206 240 177
HSL 0.26 0.68 0.82
HSV 92 26 94
CMYK 13.33 0 24.71 5.88
XYZ 64.5495 78.6163 53.3673
Hunter Lab 88.6658 -25.2152 26.3915
CIE-Lab 91.0604 -21.9714 26.8978

Base Numbers

BaseRedGreenBlue
Decimal 206 240 177
Binary 11001110 11110000 10110001
Octal 316 360 261
Hex CE F0 B1

Monochromatic Colors

#e7ffca
#ffffe3
#fffffc
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#cef0b1 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CEF0B1 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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