#428EAC Information

#428EAC color RGB value is (66 , 142 , 172) , HEX triplet: 42, 8e and ac. RGB value is (66 , 142 , 172). Sum of RGB (Red+Green+Blue) = 66+142+172=380 (Red value is 66 (25.88% from 255 or 30.7% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 172 (67.45% from 255 or 80% from 215); Max value from RGB is 172 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #428EAC hue: 0.55 , saturation: 0.45 and the lightness value of 428eac is 0.47.

#428eac
(66 , 142 , 172)
  • R (66)
  • G (142)
  • B (172)
  • C (41.57)
  • M (11.76)
  • Y (0)
  • K (32.55)

Applying the #428eac

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

#3d89a7
#3884a2
#337f9d
#2e7a98
#297593
#24708e
#1f6b89
#1a6684
#15617f
#105c7a
#0b5775
#065270
#4e9ab8
#5aa6c4
#66b2d0
#72bedc
#7ecae8
#8ad6f4
#96e2ff
#a2eeff
#aefaff
#baffff
#c6ffff
#d2ffff

Color spaces of #428eac

Type Values
RGB 66 142 172
HSL 0.55 0.45 0.47
HSV 197 62 67
CMYK 41.57 11.76 0 32.55
XYZ 19.3662 23.4828 42.5417
Hunter Lab 48.4591 -13.4674 -18.1102
CIE-Lab 55.5662 -14.2554 -22.8215

Base Numbers

BaseRedGreenBlue
Decimal 66 142 172
Binary 1000010 10001110 10101100
Octal 102 216 254
Hex 42 8E AC

Monochromatic Colors

#5ba7c5
#74c0de
#8dd9f7
#a6f2ff
#bfffff
#d8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#428eac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#428EAC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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