Color Hex Logo

#adfaff Color Hex

#ADFAFF
(173,250,255)
0 Favorites   0 Comments

Color spaces of #adfaff

RGB 173250255
HSL0.511.000.84
HSV184°32°100°
CMYK 0.320.020.00   0.00
XYZ69.469284.4755107.2517
Yxy84.47550.26600.3234
Hunter Lab91.9106-25.9269-4.8489
CIE-Lab93.6566-22.2687-9.9330

#adfaff color RGB value is (173,250,255).

#adfaff hex color red value is 173, green value is 250 and the blue value of its RGB is 255. Cylindrical-coordinate representations (also known as HSL) of color #adfaff hue: 0.51 , saturation: 1.00 and the lightness value of adfaff is 0.84.

The process color (four color CMYK) of #adfaff color hex is 0.32, 0.02, 0.00, 0.00. Web safe color of #adfaff is #99ffff. Color #adfaff contains mainly BLUE color.

Base Numbers

BaseRedGreenBlue
Binary 10101101 11111010 11111111
Octal 255 372 377
Decimal 173 250 255
Hex AD FA FF

RGB Percentages of Color #adfaff

%25.52
%36.87
%37.61

CMYK Percentages of Color #adfaff

%32
%2
%0
%0

Triadic Colors of #adfaff

#adfaff #ffadfa #faffad

Analogous Colors of #adfaff

#adfaff #add1ff #adffdb

Monochromatic Colors of #adfaff

#adfaff

Complementary Color

#adfaff #ffb2ad

#adfaff Color Preview on Black Background

Lorem ipsum dolor sit amet.

#adfaff Color Preview on White Background

Lorem ipsum dolor sit amet.

#adfaff Color CSS Codes

.mybgcolor {background-color:#adfaff; } 
.myforecolor {color:#adfaff; }
.mybordercolor {border:3px solid #adfaff; }

#adfaff Text Font Color

<p style="color:#adfaff">Text here</p>

This sample text font color is #adfaff
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


#adfaff Background Color

<div style="background-color:#adfaff">
Div content here</div>

This div background color is #adfaff


#adfaff Border Color

<div style="border:3px solid #adfaff">
Div here</div>

This div border color is #adfaff


Css3 Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px rgba(173,250,255, 0.8); } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #adfaff; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #adfaff;
  -webkit-box-shadow: 1px 1px 3px 2px #adfaff;
  box-shadow:         1px 1px 3px 2px #adfaff; }

Text Shadow with RGB Values

<p style="text-shadow: 4px 4px 2px rgba(173,250,255, 0.8);">Text here</p>

This text has shadow with rgb values.


Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #adfaff">Text here</p>

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #adfaff;
  -webkit-box-shadow: 1px 1px 3px 2px #adfaff;
  box-shadow:         1px 1px 3px 2px #adfaff;">
Div content here</div>

This div box has shadow with color #adfaff

Related Colors

#adfaff Color Palettes


Comments

No comments written yet.

Please login to write comment.