Html Css Color HEX #348ED9 Curious Blue

📋 copy color: '#348ED9'

red 52 ◦ green 142 ◦ blue 217

#348ED9
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Curious Blue #348ED9

#348ED9
#2A72AE
#225B8B
#1B496F
#163A59
#122E47
#0E2539
#0B1E2E
#091825
#07131E
#060F18
#050C13
Black

Tints of Curious Blue #348ED9

#348ED9
#5DA5E1
#7DB7E7
#97C5EC
#ACD1F0
#BDDAF3
#CAE1F5
#D5E7F7
#DDECF9
#E4F0FA
#E9F3FB
#EDF5FC
White

RGB

 RED value IS 52 (20.7% from 255) = 12.65%

 GREEN value IS 142 (55.86% from 255) = 34.55%

 BLUE value IS 217 (85.16% from 255) = 52.8%

R = 12.65%
G = 34.55%
B = 52.8%

CMYK

 C value IS 0.76

 M value IS 0.35

 Y value IS 0

 K value IS 0.15

RGB Variations

RGB:
#348ED9
RBG:
#34D98E
GRB:
#8E34D9
GBR:
#8ED934
BRG:
#D934D9
BGR:
#D98E34

Color information

#348ED9 (or 0x348ED9) is known color: Curious Blue. HEX triplet: 34, 8E and D9. RGB value is (52,142,217). Sum of RGB (Red+Green+Blue) = 52+142+217=411 (54% of max value = 765). Red value is 52 (20.70% from 255 or 12.65% from 411); Green value is 142 (55.86% from 255 or 34.55% from 411); Blue value is 217 (85.16% from 255 or 52.80% from 411); Max value from RGB is 217 - color contains mainly: blue. Hex color #348ED9 is not a web safe color. Web safe color analog (approx): #3399CC. Inversed color of #348ED9 is #CB7126. Grayscale: #7B7B7B. Windows color (decimal): -13332775 or 14257716. OLE color: 14257716.

HSL color Cylindrical-coordinate representation of color #348ED9: hue angle of 207.27º degrees, saturation: 0.68, lightness: 0.53%. HSV value (or HSB Brightness) of color is 0.85% and HSV saturation: 0.76%. Process color model (Four color, CMYK) of #348ED9 is Cyan = 0.76, Magento = 0.35, Yellow = 0 and Black (K on CMYK) = 0.15.

Color convert

RGB 52 142 217 -
CMYK 0.76 0.35 0 0.15
HSL 207.27º 0.68% 0.53% -
HSV(B) 207.27º 0.76% 0.85% -
XYZ 23.61 25.09 69.24 -
YUV 123.64 180.68 76.9 -
System Red Green Blue C M Y K H S L
Decimal 52 142 217 0.76 0.35 0 0.15 207.27 0.68 0.53
Hex 34 8E D9 4C 23 0 F CF 44 35
Octal 64 216 331 114 43 0 17 317 104 65
Binary 110100 10001110 11011001 1001100 100011 0 1111 11001111 1000100 110101

Color Harmonies of #348ED9

Triadic Colors

#D9348E
#8ED934

Analogous colors

#343CD9
#34D9D2

Split complements colors

#D9343C
#D9D234

Complementary color

#D97F34

Monochromatic Colors of #348ED9

#CCE2F5
#9AC7EC
#7395B1
#276AA2
#1A476C
#133551

Black with #348ED9

Text Example


Text Example

White with #348ED9

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #348ED9; }

 p { color: rgb(52,142,217); }

 H1.HeaderClassName
 {
   color: #348ED9;
 }
 .AnyTagClassName
 {
   color: #348ED9;
 }
</style>

background-color css

<style>
 a { background-color: #348ED9; }

 a { background-color: rgb(52,142,217); }

 div.DivClassName
 {
   background-color: #348ED9;
 }
 .BgClassName
 {
   background-color: #348ED9;
 }
</style>

border-color css

<style>
 span { border-color: #348ED9; }

 span { border-color: rgb(52,142,217); }

 td.TdClassName
 {
   border-color: #348ED9;
 }
 .TagClassName
 {
   border-color: #348ED9;
 }
</style>