#306bb1

Hexadecimal Color Code

深い青紫系の色

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

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

[L*a*b*] L*:44.68 a*:5.04 b*:-42.77

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

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

[OKLCH] L:52.4% C:0.127 H:254.5

[Display-P3] R:0.2488 G:0.4143 B:0.6737

[コントラスト比] Aa 白 5.43:1 ○　Aa 黒 3.86: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
明度 #4599ff H:213 S:73 B:100 #3e89e6 H:213 S:73 B:90 #377acc H:213 S:73 B:80 #306bb3 H:213 S:73 B:70 #295c99 H:213 S:73 B:60 #224c80 H:213 S:73 B:50 #1c3d66 H:213 S:73 B:40 #152e4d H:213 S:73 B:30 #0e1f33 H:213 S:73 B:20 #070f1a H:213 S:73 B:10 #000000 H:213 S:73 B:0
彩度 #004fb0 H:213 S:100 B:69 #1259b0 H:213 S:90 B:69 #2363b0 H:213 S:80 B:69 #356cb0 H:213 S:70 B:69 #4676b0 H:213 S:60 B:69 #5880b0 H:213 S:50 B:69 #6a89b0 H:213 S:40 B:69 #7b93b0 H:213 S:30 B:69 #8d9db0 H:213 S:20 B:69 #9ea6b0 H:213 S:10 B:69 #b0b0b0 H:213 S:0 B:69
補色 #b03630 H:3 S:73 B:69 #b07630 H:33 S:73 B:69 #aab030 H:63 S:73 B:69
類似色 #30b076 H:153 S:73 B:69 #30b096 H:168 S:73 B:69 #30aab0 H:183 S:73 B:69 #3089b0 H:198 S:73 B:69 #3069b0 H:213 S:73 B:69 #3049b0 H:228 S:73 B:69 #3630b0 H:243 S:73 B:69 #5630b0 H:258 S:73 B:69 #7630b0 H:273 S:73 B:69

#306bb1 の配色パターン