Html Css Color HEX #AFD2E0 Light Blue

📋 copy color: '#AFD2E0'

red 175 ◦ green 210 ◦ blue 224

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

Shades of Light Blue #AFD2E0

#AFD2E0
#8CA8B3
#70868F
#5A6B72
#48565B
#3A4549
#2E373A
#252C2E
#1E2325
#181C1E
#131618
#0F1213
Black

Tints of Light Blue #AFD2E0

#AFD2E0
#BFDBE6
#CCE2EB
#D6E8EF
#DEEDF2
#E5F1F5
#EAF4F7
#EEF6F9
#F1F8FA
#F4F9FB
#F6FAFC
#F8FBFD
White

RGB

 RED value IS 175 (68.75% from 255) = 28.74%

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

 BLUE value IS 224 (87.89% from 255) = 36.78%

R = 28.74%
G = 34.48%
B = 36.78%

CMYK

 C value IS 0.22

 M value IS 0.06

 Y value IS 0

 K value IS 0.12

RGB Variations

RGB:
#AFD2E0
RBG:
#AFE0D2
GRB:
#D2AFE0
GBR:
#D2E0AF
BRG:
#E0AFE0
BGR:
#E0D2AF

Color information

#AFD2E0 (or 0xAFD2E0) is known color: Light Blue. HEX triplet: AF, D2 and E0. RGB value is (175,210,224). Sum of RGB (Red+Green+Blue) = 175+210+224=609 (80% of max value = 765). Red value is 175 (68.75% from 255 or 28.74% from 609); Green value is 210 (82.42% from 255 or 34.48% from 609); Blue value is 224 (87.89% from 255 or 36.78% from 609); Max value from RGB is 224 - color contains mainly: blue. Hex color #AFD2E0 is not a web safe color. Web safe color analog (approx): #99CCCC. Inversed color of #AFD2E0 is #502D1F. Grayscale: #C9C9C9. Windows color (decimal): -5254432 or 14733999. OLE color: 14733999.

HSL color Cylindrical-coordinate representation of color #AFD2E0: hue angle of 197.14º degrees, saturation: 0.44, lightness: 0.78%. HSV value (or HSB Brightness) of color is 0.88% and HSV saturation: 0.22%. Process color model (Four color, CMYK) of #AFD2E0 is Cyan = 0.22, Magento = 0.06, Yellow = 0 and Black (K on CMYK) = 0.12.

Color convert

RGB 175 210 224 -
CMYK 0.22 0.06 0 0.12
HSL 197.14º 0.44% 0.78% -
HSV(B) 197.14º 0.22% 0.88% -
XYZ 54.18 60.59 79.36 -
YUV 201.13 140.9 109.36 -
System Red Green Blue C M Y K H S L
Decimal 175 210 224 0.22 0.06 0 0.12 197.14 0.44 0.78
Hex AF D2 E0 16 6 0 C C5 2C 4E
Octal 257 322 340 26 6 0 14 305 54 116
Binary 10101111 11010010 11100000 10110 110 0 1100 11000101 101100 1001110

Color Harmonies of #AFD2E0

Triadic Colors

#E0AFD2
#D2E0AF

Analogous colors

#AFBAE0
#AFE0D6

Split complements colors

#E0AFBA
#E0D6AF

Complementary color

#E0BDAF

Monochromatic Colors of #AFD2E0

#EAF3F7
#D7E9F0
#A1AEB4
#839DA8
#576970
#414E54

Black with #AFD2E0

Text Example


Text Example

White with #AFD2E0

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #AFD2E0; }

 p { color: rgb(175,210,224); }

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

background-color css

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

 a { background-color: rgb(175,210,224); }

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

border-color css

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

 span { border-color: rgb(175,210,224); }

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