Html Css Color HEX #BAD8BB Surf

📋 copy color: '#BAD8BB'

red 186 ◦ green 216 ◦ blue 187

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

Shades of Surf #BAD8BB

#BAD8BB
#95AD96
#778A78
#5F6E60
#4C584D
#3D463E
#313832
#272D28
#1F2420
#191D1A
#141715
#101211
Black

Tints of Surf #BAD8BB

#BAD8BB
#C8E0C9
#D3E6D4
#DCEBDD
#E3EFE4
#E9F2E9
#EDF5ED
#F1F7F1
#F4F9F4
#F6FAF6
#F8FBF8
#F9FCF9
White

RGB

 RED value IS 186 (73.05% from 255) = 31.58%

 GREEN value IS 216 (84.77% from 255) = 36.67%

 BLUE value IS 187 (73.44% from 255) = 31.75%

R = 31.58%
G = 36.67%
B = 31.75%

CMYK

 C value IS 0.14

 M value IS 0

 Y value IS 0.13

 K value IS 0.15

RGB Variations

RGB:
#BAD8BB
RBG:
#BABBD8
GRB:
#D8BABB
GBR:
#D8BBBA
BRG:
#BBBABB
BGR:
#BBD8BA

Color information

#BAD8BB (or 0xBAD8BB) is known color: Surf. HEX triplet: BA, D8 and BB. RGB value is (186,216,187). Sum of RGB (Red+Green+Blue) = 186+216+187=589 (78% of max value = 765). Red value is 186 (73.05% from 255 or 31.58% from 589); Green value is 216 (84.77% from 255 or 36.67% from 589); Blue value is 187 (73.44% from 255 or 31.75% from 589); Max value from RGB is 216 - color contains mainly: green. Hex color #BAD8BB is not a web safe color. Web safe color analog (approx): #CCCCCC. Inversed color of #BAD8BB is #452744. Grayscale: #CBCBCB. Windows color (decimal): -4532037 or 12310714. OLE color: 12310714.

HSL color Cylindrical-coordinate representation of color #BAD8BB: hue angle of 122º degrees, saturation: 0.28, lightness: 0.79%. HSV value (or HSB Brightness) of color is 0.85% and HSV saturation: 0.14%. Process color model (Four color, CMYK) of #BAD8BB is Cyan = 0.14, Magento = 0, Yellow = 0.13 and Black (K on CMYK) = 0.15.

Color convert

RGB 186 216 187 -
CMYK 0.14 0 0.13 0.15
HSL 122º 0.28% 0.79% -
HSV(B) 122º 0.14% 0.85% -
XYZ 53.78 63.14 56.37 -
YUV 203.72 118.56 115.36 -
System Red Green Blue C M Y K H S L
Decimal 186 216 187 0.14 0 0.13 0.15 122 0.28 0.79
Hex BA D8 BB E 0 D F 7A 1C 4F
Octal 272 330 273 16 0 15 17 172 34 117
Binary 10111010 11011000 10111011 1110 0 1101 1111 1111010 11100 1001111

Color Harmonies of #BAD8BB

Triadic Colors

#BBBAD8
#D8BBBA

Analogous colors

#BAD8CA
#C8D8BA

Split complements colors

#CABAD8
#D8BAC8

Complementary color

#D8BAD7

Monochromatic Colors of #BAD8BB

#EDF5ED
#DDECDD
#A5B1A5
#8BA28C
#5D6C5D
#455145

Black with #BAD8BB

Text Example


Text Example

White with #BAD8BB

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #BAD8BB; }

 p { color: rgb(186,216,187); }

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

background-color css

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

 a { background-color: rgb(186,216,187); }

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

border-color css

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

 span { border-color: rgb(186,216,187); }

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