お気に入り

#369eff

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:54 G:158 B:255

[HSB] H:209 S:79 B:100

[L*a*b*] L*:63.71 a*:3.47 b*:-56.42

[CMYK] C:70% M:32% Y:0% K:0%

[HSL] H:209 S:100 L:61

[OKLCH] L:68.7% C:0.171 H:250.7

[Display-P3] R:0.3337 G:0.6112 B:0.9713

[コントラスト比] Aa 白 2.80:1 ×　Aa 黒 7.49:1 ◎

色相 #ff3636 H:360 S:79 B:100 #ff3657 H:350 S:79 B:100 #ff3679 H:340 S:79 B:100 #ff369a H:330 S:79 B:100 #ff36bc H:320 S:79 B:100 #ff36dd H:310 S:79 B:100 #ff36ff H:300 S:79 B:100 #dd36ff H:290 S:79 B:100 #bc36ff H:280 S:79 B:100 #9a36ff H:270 S:79 B:100 #7936ff H:260 S:79 B:100 #5736ff H:250 S:79 B:100 #3636ff H:240 S:79 B:100 #3657ff H:230 S:79 B:100 #3679ff H:220 S:79 B:100 #369aff H:210 S:79 B:100 #36bcff H:200 S:79 B:100 #36ddff H:190 S:79 B:100 #36ffff H:180 S:79 B:100 #36ffdd H:170 S:79 B:100 #36ffbc H:160 S:79 B:100 #36ff9a H:150 S:79 B:100 #36ff79 H:140 S:79 B:100 #36ff57 H:130 S:79 B:100 #36ff36 H:120 S:79 B:100 #57ff36 H:110 S:79 B:100 #79ff36 H:100 S:79 B:100 #9aff36 H:90 S:79 B:100 #bcff36 H:80 S:79 B:100 #ddff36 H:70 S:79 B:100 #ffff36 H:60 S:79 B:100 #ffdd36 H:50 S:79 B:100 #ffbc36 H:40 S:79 B:100 #ff9a36 H:30 S:79 B:100 #ff7936 H:20 S:79 B:100 #ff5736 H:10 S:79 B:100 #ff3636 H:0 S:79 B:100
明度 #369eff H:209 S:79 B:100 #308ee6 H:209 S:79 B:90 #2b7ecc H:209 S:79 B:80 #256eb3 H:209 S:79 B:70 #205f99 H:209 S:79 B:60 #1b4f80 H:209 S:79 B:50 #153f66 H:209 S:79 B:40 #102f4d H:209 S:79 B:30 #0b2033 H:209 S:79 B:20 #05101a H:209 S:79 B:10 #000000 H:209 S:79 B:0
彩度 #0084ff H:209 S:100 B:100 #1a90ff H:209 S:90 B:100 #339cff H:209 S:80 B:100 #4da9ff H:209 S:70 B:100 #66b5ff H:209 S:60 B:100 #80c1ff H:209 S:50 B:100 #99ceff H:209 S:40 B:100 #b3daff H:209 S:30 B:100 #cce6ff H:209 S:20 B:100 #e6f3ff H:209 S:10 B:100 #ffffff H:209 S:0 B:100
補色 #ff3639 H:359 S:79 B:100 #ff9736 H:29 S:79 B:100 #fffc36 H:59 S:79 B:100
類似色 #36ff97 H:149 S:79 B:100 #36ffc9 H:164 S:79 B:100 #36fffc H:179 S:79 B:100 #36d0ff H:194 S:79 B:100 #369eff H:209 S:79 B:100 #366bff H:224 S:79 B:100 #3639ff H:239 S:79 B:100 #6536ff H:254 S:79 B:100 #9736ff H:269 S:79 B:100

#369eff の配色パターン