Html Css Color HEX #AFD5B2 Celadon

📋 copy color: '#AFD5B2'

red 175 ◦ green 213 ◦ blue 178

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

Shades of Celadon #AFD5B2

Tints of Celadon #AFD5B2

RGB

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

 GREEN value IS 213 (83.59% from 255) = 37.63%

 BLUE value IS 178 (69.92% from 255) = 31.45%

R = 30.92%
G = 37.63%
B = 31.45%

CMYK

 C value IS 0.18

 M value IS 0

 Y value IS 0.16

 K value IS 0.16

RGB Variations

RGB:
RBG:
GRB:
GBR:
BRG:
BGR:

Color information

#AFD5B2 (or 0xAFD5B2) is known color: Celadon. HEX triplet: AF, D5 and B2. RGB value is (175,213,178). Sum of RGB (Red+Green+Blue) = 175+213+178=566 (74% of max value = 765). Red value is 175 (68.75% from 255 or 30.92% from 566); Green value is 213 (83.59% from 255 or 37.63% from 566); Blue value is 178 (69.92% from 255 or 31.45% from 566); Max value from RGB is 213 - color contains mainly: green. Hex color #AFD5B2 is not a web safe color. Web safe color analog (approx): #99CC99. Inversed color of #AFD5B2 is #502A4D. Grayscale: #C5C5C5. Windows color (decimal): -5253710 or 11720111. OLE color: 11720111.

HSL color Cylindrical-coordinate representation of color #AFD5B2: hue angle of 124.74º degrees, saturation: 0.31, lightness: 0.76%. HSV value (or HSB Brightness) of color is 0.84% and HSV saturation: 0.18%. Process color model (Four color, CMYK) of #AFD5B2 is Cyan = 0.18, Magento = 0, Yellow = 0.16 and Black (K on CMYK) = 0.16.

Color convert

RGB 175 213 178 -
CMYK 0.18 0 0.16 0.16
HSL 124.74º 0.31% 0.76% -
HSV(B) 124.74º 0.18% 0.84% -
XYZ 49.51 59.92 51.08 -
YUV 197.65 116.91 111.85 -
System Red Green Blue C M Y K H S L
Decimal 175 213 178 0.18 0 0.16 0.16 124.74 0.31 0.76
Hex AF D5 B2 12 0 10 10 7D 1F 4C
Octal 257 325 262 22 0 20 20 175 37 114
Binary 10101111 11010101 10110010 10010 0 10000 10000 1111101 11111 1001100

Color Harmonies of #AFD5B2

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #AFD5B2

Black with #AFD5B2

Text Example


Text Example

White with #AFD5B2

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #AFD5B2; }

 p { color: rgb(175,213,178); }

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

background-color css

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

 a { background-color: rgb(175,213,178); }

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

border-color css

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

 span { border-color: rgb(175,213,178); }

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