Kleur Naam #556699

Harbor Blue

Kleur #556699 in RGB-formaat (85, 102, 153): 33%, 40%, 60% rooi, 33%, 40%, 60% groen, 33%, 40%, 60% blou. #556699 in CMYK-formaat (44%, 33%, 0%, 40%): 44%, 33%, 0%, 40%. In HSL-kleurmodel (225, 29%, 47%): 225, 29%, 47%-grade, 225, 29%, 47%-versadiging, 225, 29%, 47%-ligheid. Ander formate en passings word hieronder aangebied.

#556699
#6675a3
#7785ad
#8894b8
#99a3c2
#aab3cc
#bbc2d6
#ccd1e0
#dde0eb
#eef0f5
#ffffff

Kleur formate

HEX

#556699

RYB

17, 0, 0

RGB

85, 102, 153

Decimal

5596825

RGB %

33%, 40%, 60%

Websafe

#666699

CMYK

44%, 33%, 0%, 40%

Lab

43.85, 7.64, -29.84

HSL

225, 29%, 47%

XYZ

14.25, 13.73, 32.04

HSV

225, 44%, 60%

YIQ

102.73, -26.55, 12.33

Hunter-Lab

3.71, 0.73, -2.11

YUV

102.73, 24.74, -15.56

Android

0xFF556699

Yxy

13.73, 0.24, 0.23

Bykomende kleure

#556699
#555b99
#5b5599
#665599
#555599
#605599
#6c5599
#775599
#665599
#715599
#7d5599
#885599
#775599
#825599
#8e5599
#995599
#885599
#935599
#995593
#995588
#995599
#99558e
#995582
#995577
#995588
#99557d
#995571
#995566

Kleurskemas

Complementary

#556699
#998855

Triad

#556699
#995566
#669955

Tetrad

#556699
#995588
#998855
#559966

Skakerings

#556699
#4f5f8f
#4a5885
#44527a
#3e4b70
#394466
#333d5c
#2d3652
#283047
#22293d
#1c2233
#171b29
#11141f
#0b0e14
#06070a

Donker Tone

#44527a
#414e74
#3d496e
#3a4568
#364162
#333d5c
#303956
#2c3550
#293149
#252d43
#22293d
#1f2537
#1b2131
#181d2b
#141825

Ligte toon

#556699
#586a9f
#5c6ea5
#5f72ab
#6376b1
#667ab8
#697ebe
#6d83c4
#7087ca
#748bd0
#778fd6
#7a93dc
#7e97e2
#819be9
#859fef

Monochromaties

#44527a
#46547d
#475681
#495884
#4b5a87
#4d5c8a
#4e5e8d
#506090
#526293
#536496
#556699
#57689c
#586a9f
#5a6ca2
#5c6ea5

Analoog

#559966
#559988
#558899
#556699
#665599
#885599
#995588

Style vir HTML (CSS)

Die agtergrond van hierdie blok is gekleur #995588
<div style="background: #995588">Background</div>
div {background: #995588;}
Die teks en grense van hierdie blok is gekleur #556699
<div style="color: #556699">Text</div>
div {color: #995588;}
<div style="border: 1px solid #556699">Border</div>
div {border: 1px solid #556699;}