#7ab4cc

Hexadecimal Color Code

灰みの青系の色

[RGB] R:122 G:180 B:204

[HSB] H:198 S:40 B:80

[Lab] L:70.27 a:-12.65 b:-18.08

[CMYK] C:55% M:20% Y:18% K:0%

[HSL] H:198 S:45 L:64

[OKLCH] L:73.9% C:0.069 H:225.9

[Display-P3] R:0.5282 G:0.6998 B:0.7895

[コントラスト比] Aa 白 2.27:1 ×　Aa 黒 9.22:1 ◎

色相 #cc7a7a H:360 S:40 B:80 #cc7a88 H:350 S:40 B:80 #cc7a96 H:340 S:40 B:80 #cc7aa3 H:330 S:40 B:80 #cc7ab1 H:320 S:40 B:80 #cc7abe H:310 S:40 B:80 #cc7acc H:300 S:40 B:80 #be7acc H:290 S:40 B:80 #b17acc H:280 S:40 B:80 #a37acc H:270 S:40 B:80 #967acc H:260 S:40 B:80 #887acc H:250 S:40 B:80 #7a7acc H:240 S:40 B:80 #7a88cc H:230 S:40 B:80 #7a96cc H:220 S:40 B:80 #7aa3cc H:210 S:40 B:80 #7ab1cc H:200 S:40 B:80 #7abecc H:190 S:40 B:80 #7acccc H:180 S:40 B:80 #7accbe H:170 S:40 B:80 #7accb1 H:160 S:40 B:80 #7acca3 H:150 S:40 B:80 #7acc96 H:140 S:40 B:80 #7acc88 H:130 S:40 B:80 #7acc7a H:120 S:40 B:80 #88cc7a H:110 S:40 B:80 #96cc7a H:100 S:40 B:80 #a3cc7a H:90 S:40 B:80 #b1cc7a H:80 S:40 B:80 #becc7a H:70 S:40 B:80 #cccc7a H:60 S:40 B:80 #ccbe7a H:50 S:40 B:80 #ccb17a H:40 S:40 B:80 #cca37a H:30 S:40 B:80 #cc967a H:20 S:40 B:80 #cc887a H:10 S:40 B:80 #cc7a7a H:0 S:40 B:80

明度 #99e0ff H:198 S:40 B:100 #8acae6 H:198 S:40 B:90 #7ab4cc H:198 S:40 B:80 #6b9db3 H:198 S:40 B:70 #5c8799 H:198 S:40 B:60 #4d7080 H:198 S:40 B:50 #3d5a66 H:198 S:40 B:40 #2e434d H:198 S:40 B:30 #1f2d33 H:198 S:40 B:20 #0f161a H:198 S:40 B:10 #000000 H:198 S:40 B:0

彩度 #008fcc H:198 S:100 B:80 #1495cc H:198 S:90 B:80 #299bcc H:198 S:80 B:80 #3da1cc H:198 S:70 B:80 #52a7cc H:198 S:60 B:80 #66adcc H:198 S:50 B:80 #7ab4cc H:198 S:40 B:80 #8fbacc H:198 S:30 B:80 #a3c0cc H:198 S:20 B:80 #b8c6cc H:198 S:10 B:80 #cccccc H:198 S:0 B:80

補色 #cc7a8b H:348 S:40 B:80 #cc937a H:18 S:40 B:80 #ccbc7a H:48 S:40 B:80

類似色 #7acc93 H:138 S:40 B:80 #7acca7 H:153 S:40 B:80 #7accbc H:168 S:40 B:80 #7ac8cc H:183 S:40 B:80 #7ab4cc H:198 S:40 B:80 #7a9fcc H:213 S:40 B:80 #7a8bcc H:228 S:40 B:80 #7e7acc H:243 S:40 B:80 #937acc H:258 S:40 B:80

#7ab4cc の配色パターン