#5555f4

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:85 G:85 B:244

[HSB] H:240 S:65 B:96

[Lab] L:45.57 a:47.59 b:-79.57

[CMYK] C:79% M:68% Y:0% K:0%

[HSL] H:240 S:88 L:65

[OKLCH] L:55.1% C:0.231 H:275.7

[Display-P3] R:0.3333 G:0.3333 B:0.9221

[コントラスト比] Aa 白 5.26:1 ○　Aa 黒 3.99:1 △

色相 #f55656 H:360 S:65 B:96 #f55670 H:350 S:65 B:96 #f5568b H:340 S:65 B:96 #f556a5 H:330 S:65 B:96 #f556c0 H:320 S:65 B:96 #f556da H:310 S:65 B:96 #f556f5 H:300 S:65 B:96 #da56f5 H:290 S:65 B:96 #c056f5 H:280 S:65 B:96 #a556f5 H:270 S:65 B:96 #8b56f5 H:260 S:65 B:96 #7056f5 H:250 S:65 B:96 #5656f5 H:240 S:65 B:96 #5670f5 H:230 S:65 B:96 #568bf5 H:220 S:65 B:96 #56a5f5 H:210 S:65 B:96 #56c0f5 H:200 S:65 B:96 #56daf5 H:190 S:65 B:96 #56f5f5 H:180 S:65 B:96 #56f5da H:170 S:65 B:96 #56f5c0 H:160 S:65 B:96 #56f5a5 H:150 S:65 B:96 #56f58b H:140 S:65 B:96 #56f570 H:130 S:65 B:96 #56f556 H:120 S:65 B:96 #70f556 H:110 S:65 B:96 #8bf556 H:100 S:65 B:96 #a5f556 H:90 S:65 B:96 #c0f556 H:80 S:65 B:96 #daf556 H:70 S:65 B:96 #f5f556 H:60 S:65 B:96 #f5da56 H:50 S:65 B:96 #f5c056 H:40 S:65 B:96 #f5a556 H:30 S:65 B:96 #f58b56 H:20 S:65 B:96 #f57056 H:10 S:65 B:96 #f55656 H:0 S:65 B:96

明度 #5959ff H:240 S:65 B:100 #5050e6 H:240 S:65 B:90 #4747cc H:240 S:65 B:80 #3e3eb3 H:240 S:65 B:70 #363699 H:240 S:65 B:60 #2d2d80 H:240 S:65 B:50 #242466 H:240 S:65 B:40 #1b1b4d H:240 S:65 B:30 #121233 H:240 S:65 B:20 #09091a H:240 S:65 B:10 #000000 H:240 S:65 B:0

彩度 #0000f5 H:240 S:100 B:96 #1818f5 H:240 S:90 B:96 #3131f5 H:240 S:80 B:96 #4949f5 H:240 S:70 B:96 #6262f5 H:240 S:60 B:96 #7a7af5 H:240 S:50 B:96 #9393f5 H:240 S:40 B:96 #ababf5 H:240 S:30 B:96 #c4c4f5 H:240 S:20 B:96 #dcdcf5 H:240 S:10 B:96 #f5f5f5 H:240 S:0 B:96

補色 #f5a556 H:30 S:65 B:96 #f5f556 H:60 S:65 B:96 #a5f556 H:90 S:65 B:96

類似色 #56f5f5 H:180 S:65 B:96 #56cdf5 H:195 S:65 B:96 #56a5f5 H:210 S:65 B:96 #567df5 H:225 S:65 B:96 #5656f5 H:240 S:65 B:96 #7d56f5 H:255 S:65 B:96 #a556f5 H:270 S:65 B:96 #cd56f5 H:285 S:65 B:96 #f556f5 H:300 S:65 B:96

#5555f4 の配色パターン