Html Css Color HEX #B2D2BA Surf

📋 copy color: '#B2D2BA'

red 178 ◦ green 210 ◦ blue 186

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

Shades of Surf #B2D2BA

#B2D2BA
#8EA895
#728677
#5B6B5F
#49564C
#3A453D
#2E3731
#252C27
#1E231F
#181C19
#131614
#0F1210
Black

Tints of Surf #B2D2BA

#B2D2BA
#C1DBC8
#CDE2D3
#D7E8DC
#DFEDE3
#E5F1E9
#EAF4ED
#EEF6F1
#F1F8F4
#F4F9F6
#F6FAF8
#F8FBF9
White

RGB

 RED value IS 178 (69.92% from 255) = 31.01%

 GREEN value IS 210 (82.42% from 255) = 36.59%

 BLUE value IS 186 (73.05% from 255) = 32.4%

R = 31.01%
G = 36.59%
B = 32.4%

CMYK

 C value IS 0.15

 M value IS 0

 Y value IS 0.11

 K value IS 0.18

RGB Variations

RGB:
#B2D2BA
RBG:
#B2BAD2
GRB:
#D2B2BA
GBR:
#D2BAB2
BRG:
#BAB2BA
BGR:
#BAD2B2

Color information

#B2D2BA (or 0xB2D2BA) is known color: Surf. HEX triplet: B2, D2 and BA. RGB value is (178,210,186). Sum of RGB (Red+Green+Blue) = 178+210+186=574 (76% of max value = 765). Red value is 178 (69.92% from 255 or 31.01% from 574); Green value is 210 (82.42% from 255 or 36.59% from 574); Blue value is 186 (73.05% from 255 or 32.40% from 574); Max value from RGB is 210 - color contains mainly: green. Hex color #B2D2BA is not a web safe color. Web safe color analog (approx): #99CCCC. Inversed color of #B2D2BA is #4D2D45. Grayscale: #C5C5C5. Windows color (decimal): -5057862 or 12243634. OLE color: 12243634.

HSL color Cylindrical-coordinate representation of color #B2D2BA: hue angle of 135º degrees, saturation: 0.26, lightness: 0.76%. HSV value (or HSB Brightness) of color is 0.82% and HSV saturation: 0.15%. Process color model (Four color, CMYK) of #B2D2BA is Cyan = 0.15, Magento = 0, Yellow = 0.11 and Black (K on CMYK) = 0.18.

Color convert

RGB 178 210 186 -
CMYK 0.15 0 0.11 0.18
HSL 135º 0.26% 0.76% -
HSV(B) 135º 0.15% 0.82% -
XYZ 50.27 59.1 55.21 -
YUV 197.7 121.4 113.95 -
System Red Green Blue C M Y K H S L
Decimal 178 210 186 0.15 0 0.11 0.18 135 0.26 0.76
Hex B2 D2 BA F 0 B 12 87 1A 4C
Octal 262 322 272 17 0 13 22 207 32 114
Binary 10110010 11010010 10111010 1111 0 1011 10010 10000111 11010 1001100

Color Harmonies of #B2D2BA

Triadic Colors

#BAB2D2
#D2BAB2

Analogous colors

#B2D2CA
#BAD2B2

Split complements colors

#CAB2D2
#D2B2BA

Complementary color

#D2B2CA

Monochromatic Colors of #B2D2BA

#EBF3ED
#D9E9DD
#A2AEA5
#859D8B
#59695D
#424E45

Black with #B2D2BA

Text Example


Text Example

White with #B2D2BA

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #B2D2BA; }

 p { color: rgb(178,210,186); }

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

background-color css

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

 a { background-color: rgb(178,210,186); }

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

border-color css

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

 span { border-color: rgb(178,210,186); }

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