#61c3f4

Hexadecimal Color Code

軽い青系の色

[RGB] R:97 G:195 B:244

[HSB] H:200 S:60 B:96

[L*a*b*] L*:74.88 a*:-14.67 b*:-32.85

[CMYK] C:58% M:10% Y:2% K:0%

[HSL] H:200 S:87 L:67

[OKLCH] L:77.7% C:0.115 H:232.7

[Display-P3] R:0.4791 G:0.7558 B:0.9383

[コントラスト比] Aa 白 1.97:1 ×　Aa 黒 10.62:1 ◎

色相 #f56262 H:360 S:60 B:96 #f5627a H:350 S:60 B:96 #f56293 H:340 S:60 B:96 #f562ab H:330 S:60 B:96 #f562c4 H:320 S:60 B:96 #f562dc H:310 S:60 B:96 #f562f5 H:300 S:60 B:96 #dc62f5 H:290 S:60 B:96 #c462f5 H:280 S:60 B:96 #ab62f5 H:270 S:60 B:96 #9362f5 H:260 S:60 B:96 #7a62f5 H:250 S:60 B:96 #6262f5 H:240 S:60 B:96 #627af5 H:230 S:60 B:96 #6293f5 H:220 S:60 B:96 #62abf5 H:210 S:60 B:96 #62c4f5 H:200 S:60 B:96 #62dcf5 H:190 S:60 B:96 #62f5f5 H:180 S:60 B:96 #62f5dc H:170 S:60 B:96 #62f5c4 H:160 S:60 B:96 #62f5ab H:150 S:60 B:96 #62f593 H:140 S:60 B:96 #62f57a H:130 S:60 B:96 #62f562 H:120 S:60 B:96 #7af562 H:110 S:60 B:96 #93f562 H:100 S:60 B:96 #abf562 H:90 S:60 B:96 #c4f562 H:80 S:60 B:96 #dcf562 H:70 S:60 B:96 #f5f562 H:60 S:60 B:96 #f5dc62 H:50 S:60 B:96 #f5c462 H:40 S:60 B:96 #f5ab62 H:30 S:60 B:96 #f59362 H:20 S:60 B:96 #f57a62 H:10 S:60 B:96 #f56262 H:0 S:60 B:96
明度 #66ccff H:200 S:60 B:100 #5cb8e6 H:200 S:60 B:90 #52a3cc H:200 S:60 B:80 #478fb3 H:200 S:60 B:70 #3d7a99 H:200 S:60 B:60 #336680 H:200 S:60 B:50 #295266 H:200 S:60 B:40 #1f3d4d H:200 S:60 B:30 #142933 H:200 S:60 B:20 #0a141a H:200 S:60 B:10 #000000 H:200 S:60 B:0
彩度 #00a3f5 H:200 S:100 B:96 #18abf5 H:200 S:90 B:96 #31b4f5 H:200 S:80 B:96 #49bcf5 H:200 S:70 B:96 #62c4f5 H:200 S:60 B:96 #7accf5 H:200 S:50 B:96 #93d4f5 H:200 S:40 B:96 #abdcf5 H:200 S:30 B:96 #c4e4f5 H:200 S:20 B:96 #dcedf5 H:200 S:10 B:96 #f5f5f5 H:200 S:0 B:96
補色 #f5627a H:350 S:60 B:96 #f59362 H:20 S:60 B:96 #f5dc62 H:50 S:60 B:96
類似色 #62f593 H:140 S:60 B:96 #62f5b8 H:155 S:60 B:96 #62f5dc H:170 S:60 B:96 #62e9f5 H:185 S:60 B:96 #62c4f5 H:200 S:60 B:96 #629ff5 H:215 S:60 B:96 #627af5 H:230 S:60 B:96 #6e62f5 H:245 S:60 B:96 #9362f5 H:260 S:60 B:96

#61c3f4 の配色パターン