#336d80
Hexadecimal Color Code
R:51 G:109 B:128
H:195 S:60 B:50
L*:43.06 a*:-12.92 b*:-16.23
C:82% M:54% Y:45% K:1%
暗い青系の色
色相
#803333 H:360 S:60 B:50
#803340 H:350 S:60 B:50
#80334d H:340 S:60 B:50
#803359 H:330 S:60 B:50
#803366 H:320 S:60 B:50
#803373 H:310 S:60 B:50
#803380 H:300 S:60 B:50
#733380 H:290 S:60 B:50
#663380 H:280 S:60 B:50
#593380 H:270 S:60 B:50
#4d3380 H:260 S:60 B:50
#403380 H:250 S:60 B:50
#333380 H:240 S:60 B:50
#334080 H:230 S:60 B:50
#334d80 H:220 S:60 B:50
#335980 H:210 S:60 B:50
#336680 H:200 S:60 B:50
#337380 H:190 S:60 B:50
#338080 H:180 S:60 B:50
#338073 H:170 S:60 B:50
#338066 H:160 S:60 B:50
#338059 H:150 S:60 B:50
#33804d H:140 S:60 B:50
#338040 H:130 S:60 B:50
#338033 H:120 S:60 B:50
#408033 H:110 S:60 B:50
#4d8033 H:100 S:60 B:50
#598033 H:90 S:60 B:50
#668033 H:80 S:60 B:50
#738033 H:70 S:60 B:50
#808033 H:60 S:60 B:50
#807333 H:50 S:60 B:50
#806633 H:40 S:60 B:50
#805933 H:30 S:60 B:50
#804d33 H:20 S:60 B:50
#804033 H:10 S:60 B:50
#803333 H:0 S:60 B:50
明度
#66d9ff H:195 S:60 B:100
#5cc3e6 H:195 S:60 B:90
#52adcc H:195 S:60 B:80
#4798b3 H:195 S:60 B:70
#3d8299 H:195 S:60 B:60
#336c80 H:195 S:60 B:50
#295766 H:195 S:60 B:40
#1f414d H:195 S:60 B:30
#142b33 H:195 S:60 B:20
#0a161a H:195 S:60 B:10
#000000 H:195 S:60 B:0
彩度
#006080 H:195 S:100 B:50
#0d6380 H:195 S:90 B:50
#1a6680 H:195 S:80 B:50
#266980 H:195 S:70 B:50
#336c80 H:195 S:60 B:50
#407080 H:195 S:50 B:50
#4d7380 H:195 S:40 B:50
#597680 H:195 S:30 B:50
#667980 H:195 S:20 B:50
#737c80 H:195 S:10 B:50
#808080 H:195 S:0 B:50
補色
#803346 H:345 S:60 B:50
#804633 H:15 S:60 B:50
#806c33 H:45 S:60 B:50
類似色
#338046 H:135 S:60 B:50
#338059 H:150 S:60 B:50
#33806c H:165 S:60 B:50
#338080 H:180 S:60 B:50
#336c80 H:195 S:60 B:50
#335980 H:210 S:60 B:50
#334680 H:225 S:60 B:50
#333380 H:240 S:60 B:50
#463380 H:255 S:60 B:50
#336d80の配色パターン