Kleur Naam #2f6479

Denim Blue

Kleur #2f6479 in RGB-formaat (47, 100, 121): 18%, 39%, 47% rood, 18%, 39%, 47% groen, 18%, 39%, 47% blauw. #2f6479 in CMYK-indeling (61%, 17%, 0%, 53%): 61%, 17%, 0%, 53%. In HSL-kleurmodel (197, 44%, 33%): 197, 44%, 33% graden, 197, 44%, 33% verzadiging, 197, 44%, 33% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.

#2f6479
#447486
#598394
#6d93a1
#82a2af
#97b2bc
#acc1c9
#c1d1d7
#d5e0e4
#eaf0f2
#ffffff

Kleurformaten

HEX

#2f6479

RYB

53, 0, 0

RGB

47, 100, 121

Decimal

3105913

RGB %

18%, 39%, 47%

Websafe

#336666

CMYK

61%, 17%, 0%, 53%

Lab

39.75, -10.88, -17.09

HSL

197, 44%, 33%

XYZ

9.18, 11.1, 19.75

HSV

197, 61%, 47%

YIQ

86.55, -38.35, -4.63

Hunter-Lab

3.33, -0.65, -0.9

YUV

86.55, 16.95, -34.7

Android

0xFF2f6479

Yxy

11.1, 0.23, 0.28

Extra kleuren

#2f6479
#2f5879
#2f4b79
#2f3f79
#2f5279
#2f4579
#2f3979
#312f79
#2f3f79
#2f3379
#382f79
#442f79
#312f79
#3e2f79
#4a2f79
#562f79
#442f79
#502f79
#5d2f79
#692f79
#562f79
#632f79
#6f2f79
#792f77
#692f79
#752f79
#792f70
#792f64

Kleurenschema's

Complementary

#2f6479
#79442f

Triad

#2f6479
#792f64
#64792f

Tetrad

#2f6479
#692f79
#79442f
#3f792f

Tinten

#2f6479
#2c5d71
#295769
#265061
#224959
#1f4351
#1c3c49
#193541
#162f38
#132830
#102128
#0d1b20
#091418
#060d10
#030708

Donkere tinten

#265061
#244c5c
#224857
#204452
#1e404d
#1c3c49
#1a3844
#18343f
#17303a
#152c35
#132830
#11242c
#0f2027
#0d1c22
#0b181d

Lichte tonen

#2f6479
#31687e
#336c83
#357088
#37748c
#387891
#3a7c96
#3c809b
#3e84a0
#4088a5
#428ca9
#4490ae
#4694b3
#4798b8
#499cbd

Monochromatisch

#265061
#275263
#275466
#285668
#29586a
#2a5a6d
#2b5c6f
#2c5e72
#2d6074
#2e6277
#2f6479
#30667b
#31687e
#326a80
#336c83

Analoog

#3f792f
#2f7944
#2f7969
#2f6479
#2f3f79
#442f79
#692f79

Stijlen voor HTML (CSS)

De achtergrond van dit blok is gekleurd #692f79
<div style="background: #692f79">Background</div>
div {background: #692f79;}
De tekst en randen van dit blok zijn gekleurd #2f6479
<div style="color: #2f6479">Text</div>
div {color: #692f79;}
<div style="border: 1px solid #2f6479">Border</div>
div {border: 1px solid #2f6479;}