#ff5533

Hexadecimal Color Code

明るい赤系の色

[RGB] R:255 G:85 B:51

[HSB] H:10 S:80 B:100

[Lab] L:59.89 a:62.84 b:54.06

[CMYK] C:0% M:80% Y:77% K:0%

[HSL] H:10 S:100 L:60

[OKLCH] L:67.8% C:0.212 H:33.2

[Display-P3] R:0.9254 G:0.3826 B:0.2572

[コントラスト比] Aa 白 3.18:1 △　Aa 黒 6.59:1 ○

色相 #ff3333 H:360 S:80 B:100 #ff3355 H:350 S:80 B:100 #ff3377 H:340 S:80 B:100 #ff3399 H:330 S:80 B:100 #ff33bb H:320 S:80 B:100 #ff33dd H:310 S:80 B:100 #ff33ff H:300 S:80 B:100 #dd33ff H:290 S:80 B:100 #bb33ff H:280 S:80 B:100 #9933ff H:270 S:80 B:100 #7733ff H:260 S:80 B:100 #5533ff H:250 S:80 B:100 #3333ff H:240 S:80 B:100 #3355ff H:230 S:80 B:100 #3377ff H:220 S:80 B:100 #3399ff H:210 S:80 B:100 #33bbff H:200 S:80 B:100 #33ddff H:190 S:80 B:100 #33ffff H:180 S:80 B:100 #33ffdd H:170 S:80 B:100 #33ffbb H:160 S:80 B:100 #33ff99 H:150 S:80 B:100 #33ff77 H:140 S:80 B:100 #33ff55 H:130 S:80 B:100 #33ff33 H:120 S:80 B:100 #55ff33 H:110 S:80 B:100 #77ff33 H:100 S:80 B:100 #99ff33 H:90 S:80 B:100 #bbff33 H:80 S:80 B:100 #ddff33 H:70 S:80 B:100 #ffff33 H:60 S:80 B:100 #ffdd33 H:50 S:80 B:100 #ffbb33 H:40 S:80 B:100 #ff9933 H:30 S:80 B:100 #ff7733 H:20 S:80 B:100 #ff5533 H:10 S:80 B:100 #ff3333 H:0 S:80 B:100

明度 #ff5533 H:10 S:80 B:100 #e64d2e H:10 S:80 B:90 #cc4429 H:10 S:80 B:80 #b33c24 H:10 S:80 B:70 #99331f H:10 S:80 B:60 #802b1a H:10 S:80 B:50 #662214 H:10 S:80 B:40 #4d1a0f H:10 S:80 B:30 #33110a H:10 S:80 B:20 #1a0905 H:10 S:80 B:10 #000000 H:10 S:80 B:0

彩度 #ff2b00 H:10 S:100 B:100 #ff401a H:10 S:90 B:100 #ff5533 H:10 S:80 B:100 #ff6a4d H:10 S:70 B:100 #ff8066 H:10 S:60 B:100 #ff9580 H:10 S:50 B:100 #ffaa99 H:10 S:40 B:100 #ffbfb3 H:10 S:30 B:100 #ffd5cc H:10 S:20 B:100 #ffeae6 H:10 S:10 B:100 #ffffff H:10 S:0 B:100

補色 #33ffbb H:160 S:80 B:100 #33ddff H:190 S:80 B:100 #3377ff H:220 S:80 B:100

類似色 #ff33dd H:310 S:80 B:100 #ff33aa H:325 S:80 B:100 #ff3377 H:340 S:80 B:100 #ff3344 H:355 S:80 B:100 #ff5533 H:10 S:80 B:100 #ff8833 H:25 S:80 B:100 #ffbb33 H:40 S:80 B:100 #ffee33 H:55 S:80 B:100 #ddff33 H:70 S:80 B:100

#ff5533 の配色パターン