お気に入り

#558af4

Hexadecimal Color Code

明るい青紫系の色

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

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

[Lab] L:58.63 a:15.5 b:-58.43

[CMYK] C:69% M:44% Y:0% K:0%

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

[OKLCH] L:64.9% C:0.168 H:262.6

[Display-P3] R:0.3808 G:0.5358 B:0.9279

[コントラスト比] Aa 白 3.31:1 △　Aa 黒 6.32: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

明度 #5991ff H:220 S:65 B:100 #5082e6 H:220 S:65 B:90 #4774cc H:220 S:65 B:80 #3e65b3 H:220 S:65 B:70 #365799 H:220 S:65 B:60 #2d4880 H:220 S:65 B:50 #243a66 H:220 S:65 B:40 #1b2b4d H:220 S:65 B:30 #121d33 H:220 S:65 B:20 #090e1a H:220 S:65 B:10 #000000 H:220 S:65 B:0

彩度 #0052f5 H:220 S:100 B:96 #1862f5 H:220 S:90 B:96 #3172f5 H:220 S:80 B:96 #4983f5 H:220 S:70 B:96 #6293f5 H:220 S:60 B:96 #7aa3f5 H:220 S:50 B:96 #93b4f5 H:220 S:40 B:96 #abc4f5 H:220 S:30 B:96 #c4d4f5 H:220 S:20 B:96 #dce4f5 H:220 S:10 B:96 #f5f5f5 H:220 S:0 B:96

補色 #f57056 H:10 S:65 B:96 #f5c056 H:40 S:65 B:96 #daf556 H:70 S:65 B:96

類似色 #56f5c0 H:160 S:65 B:96 #56f5e8 H:175 S:65 B:96 #56daf5 H:190 S:65 B:96 #56b3f5 H:205 S:65 B:96 #568bf5 H:220 S:65 B:96 #5663f5 H:235 S:65 B:96 #7056f5 H:250 S:65 B:96 #9856f5 H:265 S:65 B:96 #c056f5 H:280 S:65 B:96

#558af4 の配色パターン