#307fb1

Hexadecimal Color Code

深い青紫系の色

[RGB] R:48 G:127 B:177

[HSB] H:203 S:73 B:69

[L*a*b*] L*:50.66 a*:-7.06 b*:-33.33

[CMYK] C:79% M:45% Y:19% K:0%

[HSL] H:203 S:57 L:44

[OKLCH] L:57.1% C:0.108 H:240.5

[Display-P3] R:0.2762 G:0.4914 B:0.6772

[コントラスト比] Aa 白 4.37:1 △　Aa 黒 4.79:1 ○

色相 #b03030 H:360 S:73 B:69 #b03045 H:350 S:73 B:69 #b0305a H:340 S:73 B:69 #b03070 H:330 S:73 B:69 #b03085 H:320 S:73 B:69 #b0309b H:310 S:73 B:69 #b030b0 H:300 S:73 B:69 #9b30b0 H:290 S:73 B:69 #8530b0 H:280 S:73 B:69 #7030b0 H:270 S:73 B:69 #5a30b0 H:260 S:73 B:69 #4530b0 H:250 S:73 B:69 #3030b0 H:240 S:73 B:69 #3045b0 H:230 S:73 B:69 #305ab0 H:220 S:73 B:69 #3070b0 H:210 S:73 B:69 #3085b0 H:200 S:73 B:69 #309bb0 H:190 S:73 B:69 #30b0b0 H:180 S:73 B:69 #30b09b H:170 S:73 B:69 #30b085 H:160 S:73 B:69 #30b070 H:150 S:73 B:69 #30b05a H:140 S:73 B:69 #30b045 H:130 S:73 B:69 #30b030 H:120 S:73 B:69 #45b030 H:110 S:73 B:69 #5ab030 H:100 S:73 B:69 #70b030 H:90 S:73 B:69 #85b030 H:80 S:73 B:69 #9bb030 H:70 S:73 B:69 #b0b030 H:60 S:73 B:69 #b09b30 H:50 S:73 B:69 #b08530 H:40 S:73 B:69 #b07030 H:30 S:73 B:69 #b05a30 H:20 S:73 B:69 #b04530 H:10 S:73 B:69 #b03030 H:0 S:73 B:69
明度 #45b8ff H:203 S:73 B:100 #3ea5e6 H:203 S:73 B:90 #3793cc H:203 S:73 B:80 #3081b3 H:203 S:73 B:70 #296e99 H:203 S:73 B:60 #225c80 H:203 S:73 B:50 #1c4966 H:203 S:73 B:40 #15374d H:203 S:73 B:30 #0e2533 H:203 S:73 B:20 #07121a H:203 S:73 B:10 #000000 H:203 S:73 B:0
彩度 #006db0 H:203 S:100 B:69 #1273b0 H:203 S:90 B:69 #237ab0 H:203 S:80 B:69 #3581b0 H:203 S:70 B:69 #4687b0 H:203 S:60 B:69 #588eb0 H:203 S:50 B:69 #6a95b0 H:203 S:40 B:69 #7b9cb0 H:203 S:30 B:69 #8da2b0 H:203 S:20 B:69 #9ea9b0 H:203 S:10 B:69 #b0b0b0 H:203 S:0 B:69
補色 #b0303e H:353 S:73 B:69 #b06130 H:23 S:73 B:69 #b0a130 H:53 S:73 B:69
類似色 #30b061 H:143 S:73 B:69 #30b081 H:158 S:73 B:69 #30b0a1 H:173 S:73 B:69 #309fb0 H:188 S:73 B:69 #307fb0 H:203 S:73 B:69 #305fb0 H:218 S:73 B:69 #303eb0 H:233 S:73 B:69 #4130b0 H:248 S:73 B:69 #6130b0 H:263 S:73 B:69

#307fb1 の配色パターン