#348EFD Information

#348EFD color RGB value is (52 , 142 , 253) , HEX triplet: 34, 8e and fd. RGB value is (52 , 142 , 253). Sum of RGB (Red+Green+Blue) = 52+142+253=447 (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 253 (99.22% from 255 or 117.67% from 215); Max value from RGB is 253 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #348EFD hue: 0.59 , saturation: 0.98 and the lightness value of 348efd is 0.6.

#348efd
(52 , 142 , 253)
  • R (52)
  • G (142)
  • B (253)
  • C (78.82)
  • M (43.53)
  • Y (0)
  • K (0.78)

Applying the #348efd

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

#2f89f8
#2a84f3
#257fee
#207ae9
#1b75e4
#1670df
#116bda
#0c66d5
#0761d0
#025ccb
#0057c6
#0052c1
#409aff
#4ca6ff
#58b2ff
#64beff
#70caff
#7cd6ff
#88e2ff
#94eeff
#a0faff
#acffff
#b8ffff
#c4ffff

Color spaces of #348efd

Type Values
RGB 52 142 253
HSL 0.59 0.98 0.6
HSV 213 79 99
CMYK 78.82 43.53 0 0.78
XYZ 28.8188 27.1679 96.6535
Hunter Lab 52.1229 7.4781 -73.4181
CIE-Lab 59.1294 12.0707 -62.6794

Base Numbers

BaseRedGreenBlue
Decimal 52 142 253
Binary 110100 10001110 11111101
Octal 64 216 375
Hex 34 8E FD

Monochromatic Colors

#4da7ff
#66c0ff
#7fd9ff
#98f2ff
#b1ffff
#caffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#348efd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#348EFD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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