Html Css Color HEX #98BCF2 Tropical Blue

📋 copy color: '#98BCF2'

red 152 ◦ green 188 ◦ blue 242

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

Shades of Tropical Blue #98BCF2

#98BCF2
#7A96C2
#62789B
#4E607C
#3E4D63
#323E4F
#28323F
#202832
#1A2028
#151A20
#11151A
#0E1115
Black

Tints of Tropical Blue #98BCF2

#98BCF2
#ADC9F5
#BDD4F7
#CADDF9
#D5E4FA
#DDE9FB
#E4EDFC
#E9F1FD
#EDF4FD
#F1F6FD
#F4F8FD
#F6F9FD
White

RGB

 RED value IS 152 (59.77% from 255) = 26.12%

 GREEN value IS 188 (73.83% from 255) = 32.3%

 BLUE value IS 242 (94.92% from 255) = 41.58%

R = 26.12%
G = 32.3%
B = 41.58%

CMYK

 C value IS 0.37

 M value IS 0.22

 Y value IS 0

 K value IS 0.05

RGB Variations

RGB:
#98BCF2
RBG:
#98F2BC
GRB:
#BC98F2
GBR:
#BCF298
BRG:
#F298F2
BGR:
#F2BC98

Color information

#98BCF2 (or 0x98BCF2) is known color: Tropical Blue. HEX triplet: 98, BC and F2. RGB value is (152,188,242). Sum of RGB (Red+Green+Blue) = 152+188+242=582 (77% of max value = 765). Red value is 152 (59.77% from 255 or 26.12% from 582); Green value is 188 (73.83% from 255 or 32.30% from 582); Blue value is 242 (94.92% from 255 or 41.58% from 582); Max value from RGB is 242 - color contains mainly: blue. Hex color #98BCF2 is not a web safe color. Web safe color analog (approx): #99CCFF. Inversed color of #98BCF2 is #67430D. Grayscale: #B7B7B7. Windows color (decimal): -6767374 or 15907992. OLE color: 15907992.

HSL color Cylindrical-coordinate representation of color #98BCF2: hue angle of 216º degrees, saturation: 0.78, lightness: 0.77%. HSV value (or HSB Brightness) of color is 0.95% and HSV saturation: 0.37%. Process color model (Four color, CMYK) of #98BCF2 is Cyan = 0.37, Magento = 0.22, Yellow = 0 and Black (K on CMYK) = 0.05.

Color convert

RGB 152 188 242 -
CMYK 0.37 0.22 0 0.05
HSL 216º 0.78% 0.77% -
HSV(B) 216º 0.37% 0.95% -
XYZ 46.96 49.05 91 -
YUV 183.39 161.07 105.61 -
System Red Green Blue C M Y K H S L
Decimal 152 188 242 0.37 0.22 0 0.05 216 0.78 0.77
Hex 98 BC F2 25 16 0 5 D8 4E 4D
Octal 230 274 362 45 26 0 5 330 116 115
Binary 10011000 10111100 11110010 100101 10110 0 101 11011000 1001110 1001101

Color Harmonies of #98BCF2

Triadic Colors

#F298BC
#BCF298

Analogous colors

#A198F2
#98E9F2

Split complements colors

#F2A198
#E9F298

Complementary color

#F2CE98

Monochromatic Colors of #98BCF2

#E5EEFB
#CCDEF9
#99A6BA
#728DB5
#4C5E79
#39465A

Black with #98BCF2

Text Example


Text Example

White with #98BCF2

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #98BCF2; }

 p { color: rgb(152,188,242); }

 H1.HeaderClassName
 {
   color: #98BCF2;
 }
 .AnyTagClassName
 {
   color: #98BCF2;
 }
</style>

background-color css

<style>
 a { background-color: #98BCF2; }

 a { background-color: rgb(152,188,242); }

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

border-color css

<style>
 span { border-color: #98BCF2; }

 span { border-color: rgb(152,188,242); }

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