#B3DEFA Information

#B3DEFA color RGB value is (179 , 222 , 250) , HEX triplet: b3, de and fa. RGB value is (179 , 222 , 250). Sum of RGB (Red+Green+Blue) = 179+222+250=651 (Red value is 179 (70.2% from 255 or 83.26% from 215); Green value is 222 (87.06% from 255 or 103.26% from 215); Blue value is 250 (98.04% from 255 or 116.28% from 215); Max value from RGB is 250 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #B3DEFA hue: 0.57 , saturation: 0.88 and the lightness value of b3defa is 0.84.

#b3defa
(179 , 222 , 250)
  • R (179)
  • G (222)
  • B (250)
  • C (27.84)
  • M (10.98)
  • Y (0)
  • K (1.96)

Applying the #b3defa

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

#aed9f5
#a9d4f0
#a4cfeb
#9fcae6
#9ac5e1
#95c0dc
#90bbd7
#8bb6d2
#86b1cd
#81acc8
#7ca7c3
#77a2be
#bfeaff
#cbf6ff
#d7ffff
#e3ffff
#efffff
#fbffff
#ffffff

Color spaces of #b3defa

Type Values
RGB 179 222 250
HSL 0.57 0.88 0.84
HSV 204 28 98
CMYK 27.84 10.98 0 1.96
XYZ 61.967 68.7284 100.4424
Hunter Lab 82.9026 -11.6561 -13.7771
CIE-Lab 86.3694 -7.6925 -18.1935

Base Numbers

BaseRedGreenBlue
Decimal 179 222 250
Binary 10110011 11011110 11111010
Octal 263 336 372
Hex B3 DE FA

Monochromatic Colors

#ccf7ff
#e5ffff
#feffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b3defa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B3DEFA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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