#22b4f2

Hexadecimal Color Code

あざやかな青系の色

[RGB] R:34 G:180 B:242

[HSB] H:198 S:86 B:95

[L*a*b*] L*:69.03 a*:-15.08 b*:-40.98

[CMYK] C:69% M:14% Y:1% K:0%

[HSL] H:198 S:89 L:54

[OKLCH] L:72.6% C:0.144 H:233.6

[Display-P3] R:0.3392 G:0.6956 B:0.9269

[コントラスト比] Aa 白 2.36:1 ×　Aa 黒 8.87:1 ◎

色相 #f22222 H:360 S:86 B:95 #f22245 H:350 S:86 B:95 #f22267 H:340 S:86 B:95 #f2228a H:330 S:86 B:95 #f222ad H:320 S:86 B:95 #f222d0 H:310 S:86 B:95 #f222f2 H:300 S:86 B:95 #d022f2 H:290 S:86 B:95 #ad22f2 H:280 S:86 B:95 #8a22f2 H:270 S:86 B:95 #6722f2 H:260 S:86 B:95 #4522f2 H:250 S:86 B:95 #2222f2 H:240 S:86 B:95 #2245f2 H:230 S:86 B:95 #2267f2 H:220 S:86 B:95 #228af2 H:210 S:86 B:95 #22adf2 H:200 S:86 B:95 #22d0f2 H:190 S:86 B:95 #22f2f2 H:180 S:86 B:95 #22f2d0 H:170 S:86 B:95 #22f2ad H:160 S:86 B:95 #22f28a H:150 S:86 B:95 #22f267 H:140 S:86 B:95 #22f245 H:130 S:86 B:95 #22f222 H:120 S:86 B:95 #45f222 H:110 S:86 B:95 #67f222 H:100 S:86 B:95 #8af222 H:90 S:86 B:95 #adf222 H:80 S:86 B:95 #d0f222 H:70 S:86 B:95 #f2f222 H:60 S:86 B:95 #f2d022 H:50 S:86 B:95 #f2ad22 H:40 S:86 B:95 #f28a22 H:30 S:86 B:95 #f26722 H:20 S:86 B:95 #f24522 H:10 S:86 B:95 #f22222 H:0 S:86 B:95
明度 #24bdff H:198 S:86 B:100 #20aae6 H:198 S:86 B:90 #1d97cc H:198 S:86 B:80 #1984b3 H:198 S:86 B:70 #157299 H:198 S:86 B:60 #125f80 H:198 S:86 B:50 #0e4c66 H:198 S:86 B:40 #0b394d H:198 S:86 B:30 #072633 H:198 S:86 B:20 #04131a H:198 S:86 B:10 #000000 H:198 S:86 B:0
彩度 #00aaf2 H:198 S:100 B:95 #18b1f2 H:198 S:90 B:95 #30b8f2 H:198 S:80 B:95 #49bff2 H:198 S:70 B:95 #61c7f2 H:198 S:60 B:95 #79cef2 H:198 S:50 B:95 #91d5f2 H:198 S:40 B:95 #aadcf2 H:198 S:30 B:95 #c2e4f2 H:198 S:20 B:95 #daebf2 H:198 S:10 B:95 #f2f2f2 H:198 S:0 B:95
補色 #f2224c H:348 S:86 B:95 #f26022 H:18 S:86 B:95 #f2c922 H:48 S:86 B:95
類似色 #22f260 H:138 S:86 B:95 #22f294 H:153 S:86 B:95 #22f2c9 H:168 S:86 B:95 #22e8f2 H:183 S:86 B:95 #22b4f2 H:198 S:86 B:95 #2280f2 H:213 S:86 B:95 #224cf2 H:228 S:86 B:95 #2c22f2 H:243 S:86 B:95 #6022f2 H:258 S:86 B:95

#22b4f2 の配色パターン