#306ee4

Hexadecimal Color Code

強い青紫系の色

[RGB] R:48 G:110 B:228

[HSB] H:219 S:79 B:89

[L*a*b*] L*:48.73 a*:22.25 b*:-65.52

[CMYK] C:81% M:57% Y:0% K:0%

[HSL] H:219 S:77 L:54

[OKLCH] L:56.6% C:0.191 H:261.7

[Display-P3] R:0.2528 G:0.4259 B:0.8641

[コントラスト比] Aa 白 4.69:1 ○　Aa 黒 4.47:1 △

色相 #e33030 H:360 S:79 B:89 #e3304e H:350 S:79 B:89 #e3306b H:340 S:79 B:89 #e33089 H:330 S:79 B:89 #e330a7 H:320 S:79 B:89 #e330c5 H:310 S:79 B:89 #e330e3 H:300 S:79 B:89 #c530e3 H:290 S:79 B:89 #a730e3 H:280 S:79 B:89 #8930e3 H:270 S:79 B:89 #6b30e3 H:260 S:79 B:89 #4e30e3 H:250 S:79 B:89 #3030e3 H:240 S:79 B:89 #304ee3 H:230 S:79 B:89 #306be3 H:220 S:79 B:89 #3089e3 H:210 S:79 B:89 #30a7e3 H:200 S:79 B:89 #30c5e3 H:190 S:79 B:89 #30e3e3 H:180 S:79 B:89 #30e3c5 H:170 S:79 B:89 #30e3a7 H:160 S:79 B:89 #30e389 H:150 S:79 B:89 #30e36b H:140 S:79 B:89 #30e34e H:130 S:79 B:89 #30e330 H:120 S:79 B:89 #4ee330 H:110 S:79 B:89 #6be330 H:100 S:79 B:89 #89e330 H:90 S:79 B:89 #a7e330 H:80 S:79 B:89 #c5e330 H:70 S:79 B:89 #e3e330 H:60 S:79 B:89 #e3c530 H:50 S:79 B:89 #e3a730 H:40 S:79 B:89 #e38930 H:30 S:79 B:89 #e36b30 H:20 S:79 B:89 #e34e30 H:10 S:79 B:89 #e33030 H:0 S:79 B:89
明度 #367cff H:219 S:79 B:100 #3070e6 H:219 S:79 B:90 #2b63cc H:219 S:79 B:80 #2557b3 H:219 S:79 B:70 #204a99 H:219 S:79 B:60 #1b3e80 H:219 S:79 B:50 #153266 H:219 S:79 B:40 #10254d H:219 S:79 B:30 #0b1933 H:219 S:79 B:20 #050c1a H:219 S:79 B:10 #000000 H:219 S:79 B:0
彩度 #004fe3 H:219 S:100 B:89 #175ee3 H:219 S:90 B:89 #2d6de3 H:219 S:80 B:89 #447ce3 H:219 S:70 B:89 #5b8ae3 H:219 S:60 B:89 #7199e3 H:219 S:50 B:89 #88a8e3 H:219 S:40 B:89 #9fb7e3 H:219 S:30 B:89 #b6c5e3 H:219 S:20 B:89 #ccd4e3 H:219 S:10 B:89 #e3e3e3 H:219 S:0 B:89
補色 #e34b30 H:9 S:79 B:89 #e3a430 H:39 S:79 B:89 #c8e330 H:69 S:79 B:89
類似色 #30e3a4 H:159 S:79 B:89 #30e3d1 H:174 S:79 B:89 #30c8e3 H:189 S:79 B:89 #309be3 H:204 S:79 B:89 #306ee3 H:219 S:79 B:89 #3042e3 H:234 S:79 B:89 #4b30e3 H:249 S:79 B:89 #7730e3 H:264 S:79 B:89 #a430e3 H:279 S:79 B:89

#306ee4 の配色パターン