Html Css Color HEX #54CCF6 Turquoise Blue

📋 copy color: '#54CCF6'

red 84 ◦ green 204 ◦ blue 246

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

Shades of Turquoise Blue #54CCF6

#54CCF6
#43A3C5
#36829E
#2B687E
#225365
#1B4251
#163541
#122A34
#0E222A
#0B1B22
#09161B
#071216
Black

Tints of Turquoise Blue #54CCF6

#54CCF6
#76D6F8
#91DEF9
#A7E5FA
#B9EAFB
#C7EEFC
#D2F1FD
#DBF4FD
#E2F6FD
#E8F8FD
#EDF9FD
#F1FAFD
White

RGB

 RED value IS 84 (33.2% from 255) = 15.73%

 GREEN value IS 204 (80.08% from 255) = 38.2%

 BLUE value IS 246 (96.48% from 255) = 46.07%

R = 15.73%
G = 38.2%
B = 46.07%

CMYK

 C value IS 0.66

 M value IS 0.17

 Y value IS 0

 K value IS 0.04

RGB Variations

RGB:
#54CCF6
RBG:
#54F6CC
GRB:
#CC54F6
GBR:
#CCF654
BRG:
#F654F6
BGR:
#F6CC54

Color information

#54CCF6 (or 0x54CCF6) is known color: Turquoise Blue. HEX triplet: 54, CC and F6. RGB value is (84,204,246). Sum of RGB (Red+Green+Blue) = 84+204+246=534 (70% of max value = 765). Red value is 84 (33.20% from 255 or 15.73% from 534); Green value is 204 (80.08% from 255 or 38.20% from 534); Blue value is 246 (96.48% from 255 or 46.07% from 534); Max value from RGB is 246 - color contains mainly: blue. Hex color #54CCF6 is not a web safe color. Web safe color analog (approx): #66CCFF. Inversed color of #54CCF6 is #AB3309. Grayscale: #ACACAC. Windows color (decimal): -11219722 or 16174164. OLE color: 16174164.

HSL color Cylindrical-coordinate representation of color #54CCF6: hue angle of 195.56º degrees, saturation: 0.9, lightness: 0.65%. HSV value (or HSB Brightness) of color is 0.96% and HSV saturation: 0.66%. Process color model (Four color, CMYK) of #54CCF6 is Cyan = 0.66, Magento = 0.17, Yellow = 0 and Black (K on CMYK) = 0.04.

Color convert

RGB 84 204 246 -
CMYK 0.66 0.17 0 0.04
HSL 195.56º 0.9% 0.65% -
HSV(B) 195.56º 0.66% 0.96% -
XYZ 41.88 51.72 94.97 -
YUV 172.91 169.24 64.58 -
System Red Green Blue C M Y K H S L
Decimal 84 204 246 0.66 0.17 0 0.04 195.56 0.9 0.65
Hex 54 CC F6 42 11 0 4 C4 5A 41
Octal 124 314 366 102 21 0 4 304 132 101
Binary 1010100 11001100 11110110 1000010 10001 0 100 11000100 1011010 1000001

Color Harmonies of #54CCF6

Triadic Colors

#F654CC
#CCF654

Analogous colors

#547BF6
#54F6CF

Split complements colors

#F6547B
#F6CF54

Complementary color

#F67E54

Monochromatic Colors of #54CCF6

#D4F2FC
#AAE6FB
#7FACBC
#3F99B8
#2A667B
#1F4C5C

Black with #54CCF6

Text Example


Text Example

White with #54CCF6

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #54CCF6; }

 p { color: rgb(84,204,246); }

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

background-color css

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

 a { background-color: rgb(84,204,246); }

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

border-color css

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

 span { border-color: rgb(84,204,246); }

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