#348E8B Information

#348E8B color RGB value is (52 , 142 , 139) , HEX triplet: 34, 8e and 8b. RGB value is (52 , 142 , 139). Sum of RGB (Red+Green+Blue) = 52+142+139=333 (Red value is 52 (20.39% from 255 or 24.19% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #348E8B hue: 0.49 , saturation: 0.46 and the lightness value of 348e8b is 0.38.

#348e8b
(52 , 142 , 139)
  • R (52)
  • G (142)
  • B (139)
  • C (35.29)
  • M (0)
  • Y (1.18)
  • K (44.31)

Applying the #348e8b

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

#2f8986
#2a8481
#257f7c
#207a77
#1b7572
#16706d
#116b68
#0c6663
#07615e
#025c59
#005754
#00524f
#409a97
#4ca6a3
#58b2af
#64bebb
#70cac7
#7cd6d3
#88e2df
#94eeeb
#a0faf7
#acffff
#b8ffff
#c4ffff

Color spaces of #348e8b

Type Values
RGB 52 142 139
HSL 0.49 0.46 0.38
HSV 178 63 56
CMYK 35.29 0 1.18 44.31
XYZ 15.7494 21.9401 27.8309
Hunter Lab 46.8403 -21.9522 -2.4276
CIE-Lab 53.9634 -26.9385 -6.2999

Base Numbers

BaseRedGreenBlue
Decimal 52 142 139
Binary 110100 10001110 10001011
Octal 64 216 213
Hex 34 8E 8B

Monochromatic Colors

#4da7a4
#66c0bd
#7fd9d6
#98f2ef
#b1ffff
#caffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#348e8b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#348E8B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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