#337a7f

Hexadecimal Color Code

暗い青系の色

[RGB] R:51 G:122 B:127

[HSB] H:184 S:60 B:50

[L*a*b*] L*:47.17 a*:-20.4 b*:-9.4

[CMYK] C:80% M:46% Y:51% K:0%

[HSL] H:184 S:43 L:35

[OKLCH] L:53.7% C:0.071 H:201.6

[Display-P3] R:0.2757 G:0.4723 B:0.4933

[コントラスト比] Aa 白 4.96:1 ○　Aa 黒 4.23: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
明度 #66f5ff H:184 S:60 B:100 #5cdce6 H:184 S:60 B:90 #52c4cc H:184 S:60 B:80 #47abb3 H:184 S:60 B:70 #3d9399 H:184 S:60 B:60 #337a80 H:184 S:60 B:50 #296266 H:184 S:60 B:40 #1f494d H:184 S:60 B:30 #143133 H:184 S:60 B:20 #0a181a H:184 S:60 B:10 #000000 H:184 S:60 B:0
彩度 #007780 H:184 S:100 B:50 #0d7880 H:184 S:90 B:50 #1a7980 H:184 S:80 B:50 #267a80 H:184 S:70 B:50 #337a80 H:184 S:60 B:50 #407b80 H:184 S:50 B:50 #4d7c80 H:184 S:40 B:50 #597d80 H:184 S:30 B:50 #667e80 H:184 S:20 B:50 #737f80 H:184 S:10 B:50 #808080 H:184 S:0 B:50
補色 #803354 H:334 S:60 B:50 #803833 H:4 S:60 B:50 #805e33 H:34 S:60 B:50
類似色 #338038 H:124 S:60 B:50 #33804b H:139 S:60 B:50 #33805e H:154 S:60 B:50 #338071 H:169 S:60 B:50 #337a80 H:184 S:60 B:50 #336780 H:199 S:60 B:50 #335480 H:214 S:60 B:50 #334180 H:229 S:60 B:50 #383380 H:244 S:60 B:50

#337a7f の配色パターン