#30bbf2

Hexadecimal Color Code

明るい青系の色

[RGB] R:48 G:187 B:242

[HSB] H:197 S:80 B:95

[L*a*b*] L*:71.26 a*:-17.72 b*:-37.48

[CMYK] C:67% M:10% Y:3% K:0%

[HSL] H:197 S:88 L:57

[OKLCH] L:74.5% C:0.137 H:230.4

[Display-P3] R:0.3696 G:0.723 B:0.9285

[コントラスト比] Aa 白 2.20:1 ×　Aa 黒 9.51:1 ◎

色相 #f23030 H:360 S:80 B:95 #f23051 H:350 S:80 B:95 #f23071 H:340 S:80 B:95 #f23091 H:330 S:80 B:95 #f230b2 H:320 S:80 B:95 #f230d2 H:310 S:80 B:95 #f230f2 H:300 S:80 B:95 #d230f2 H:290 S:80 B:95 #b230f2 H:280 S:80 B:95 #9130f2 H:270 S:80 B:95 #7130f2 H:260 S:80 B:95 #5130f2 H:250 S:80 B:95 #3030f2 H:240 S:80 B:95 #3051f2 H:230 S:80 B:95 #3071f2 H:220 S:80 B:95 #3091f2 H:210 S:80 B:95 #30b2f2 H:200 S:80 B:95 #30d2f2 H:190 S:80 B:95 #30f2f2 H:180 S:80 B:95 #30f2d2 H:170 S:80 B:95 #30f2b2 H:160 S:80 B:95 #30f291 H:150 S:80 B:95 #30f271 H:140 S:80 B:95 #30f251 H:130 S:80 B:95 #30f230 H:120 S:80 B:95 #51f230 H:110 S:80 B:95 #71f230 H:100 S:80 B:95 #91f230 H:90 S:80 B:95 #b2f230 H:80 S:80 B:95 #d2f230 H:70 S:80 B:95 #f2f230 H:60 S:80 B:95 #f2d230 H:50 S:80 B:95 #f2b230 H:40 S:80 B:95 #f29130 H:30 S:80 B:95 #f27130 H:20 S:80 B:95 #f25130 H:10 S:80 B:95 #f23030 H:0 S:80 B:95
明度 #33c5ff H:197 S:80 B:100 #2eb1e6 H:197 S:80 B:90 #299ecc H:197 S:80 B:80 #248ab3 H:197 S:80 B:70 #1f7699 H:197 S:80 B:60 #1a6380 H:197 S:80 B:50 #144f66 H:197 S:80 B:40 #0f3b4d H:197 S:80 B:30 #0a2733 H:197 S:80 B:20 #05141a H:197 S:80 B:10 #000000 H:197 S:80 B:0
彩度 #00aef2 H:197 S:100 B:95 #18b4f2 H:197 S:90 B:95 #30bbf2 H:197 S:80 B:95 #49c2f2 H:197 S:70 B:95 #61c9f2 H:197 S:60 B:95 #79d0f2 H:197 S:50 B:95 #91d7f2 H:197 S:40 B:95 #aadef2 H:197 S:30 B:95 #c2e5f2 H:197 S:20 B:95 #daebf2 H:197 S:10 B:95 #f2f2f2 H:197 S:0 B:95
補色 #f2305a H:347 S:80 B:95 #f26730 H:17 S:80 B:95 #f2c830 H:47 S:80 B:95
類似色 #30f267 H:137 S:80 B:95 #30f298 H:152 S:80 B:95 #30f2c8 H:167 S:80 B:95 #30ecf2 H:182 S:80 B:95 #30bbf2 H:197 S:80 B:95 #308bf2 H:212 S:80 B:95 #305af2 H:227 S:80 B:95 #3730f2 H:242 S:80 B:95 #6730f2 H:257 S:80 B:95

#30bbf2 の配色パターン