Html Css Color HEX #306FEF Royal Blue

📋 copy color: '#306FEF'

red 48 ◦ green 111 ◦ blue 239

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

Shades of Royal Blue #306FEF

#306FEF
#2659BF
#1E4799
#18397A
#132E62
#0F254E
#0C1E3E
#0A1832
#081328
#060F20
#050C1A
#040A15
Black

Tints of Royal Blue #306FEF

#306FEF
#598CF2
#7AA3F5
#95B5F7
#AAC4F9
#BBD0FA
#C9D9FB
#D4E1FC
#DDE7FD
#E4ECFD
#E9F0FD
#EDF3FD
White

RGB

 RED value IS 48 (19.14% from 255) = 12.06%

 GREEN value IS 111 (43.75% from 255) = 27.89%

 BLUE value IS 239 (93.75% from 255) = 60.05%

R = 12.06%
G = 27.89%
B = 60.05%

CMYK

 C value IS 0.80

 M value IS 0.54

 Y value IS 0

 K value IS 0.06

RGB Variations

RGB:
#306FEF
RBG:
#30EF6F
GRB:
#6F30EF
GBR:
#6FEF30
BRG:
#EF30EF
BGR:
#EF6F30

Color information

#306FEF (or 0x306FEF) is known color: Royal Blue. HEX triplet: 30, 6F and EF. RGB value is (48,111,239). Sum of RGB (Red+Green+Blue) = 48+111+239=398 (52% of max value = 765). Red value is 48 (19.14% from 255 or 12.06% from 398); Green value is 111 (43.75% from 255 or 27.89% from 398); Blue value is 239 (93.75% from 255 or 60.05% from 398); Max value from RGB is 239 - color contains mainly: blue. Hex color #306FEF is not a web safe color. Web safe color analog (approx): #3366FF. Inversed color of #306FEF is #CF9010. Grayscale: #6A6A6A. Windows color (decimal): -13602833 or 15691568. OLE color: 15691568.

HSL color Cylindrical-coordinate representation of color #306FEF: hue angle of 220.21º degrees, saturation: 0.86, lightness: 0.56%. HSV value (or HSB Brightness) of color is 0.94% and HSV saturation: 0.8%. Process color model (Four color, CMYK) of #306FEF is Cyan = 0.80, Magento = 0.54, Yellow = 0 and Black (K on CMYK) = 0.06.

Color convert

RGB 48 111 239 -
CMYK 0.80 0.54 0 0.06
HSL 220.21º 0.86% 0.56% -
HSV(B) 220.21º 0.8% 0.94% -
XYZ 22.48 18.23 83.99 -
YUV 106.76 202.63 86.09 -
System Red Green Blue C M Y K H S L
Decimal 48 111 239 0.80 0.54 0 0.06 220.21 0.86 0.56
Hex 30 6F EF 50 36 0 6 DC 56 38
Octal 60 157 357 120 66 0 6 334 126 70
Binary 110000 1101111 11101111 1010000 110110 0 110 11011100 1010110 111000

Color Harmonies of #306FEF

Triadic Colors

#EF306F
#6FEF30

Analogous colors

#5030EF
#30CEEF

Split complements colors

#EF5030
#CEEF30

Complementary color

#EFB030

Monochromatic Colors of #306FEF

#CBDBFA
#98B8F7
#728AB9
#2453B3
#183877
#122A59

Black with #306FEF

Text Example


Text Example

White with #306FEF

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #306FEF; }

 p { color: rgb(48,111,239); }

 H1.HeaderClassName
 {
   color: #306FEF;
 }
 .AnyTagClassName
 {
   color: #306FEF;
 }
</style>

background-color css

<style>
 a { background-color: #306FEF; }

 a { background-color: rgb(48,111,239); }

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

border-color css

<style>
 span { border-color: #306FEF; }

 span { border-color: rgb(48,111,239); }

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