#ff836b

Hexadecimal Color Code

軽い赤系の色

[RGB] R:255 G:131 B:107

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

[Lab] L:68.43 a:45.05 b:34.58

[CMYK] C:0% M:63% Y:52% K:0%

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

[OKLCH] L:74.5% C:0.156 H:32.3

[Display-P3] R:0.9371 G:0.5397 B:0.446

[コントラスト比] Aa 白 2.41:1 ×　Aa 黒 8.71:1 ◎

色相 #ff6b6b H:360 S:58 B:100 #ff6b84 H:350 S:58 B:100 #ff6b9c H:340 S:58 B:100 #ff6bb5 H:330 S:58 B:100 #ff6bce H:320 S:58 B:100 #ff6be6 H:310 S:58 B:100 #ff6bff H:300 S:58 B:100 #e66bff H:290 S:58 B:100 #ce6bff H:280 S:58 B:100 #b56bff H:270 S:58 B:100 #9c6bff H:260 S:58 B:100 #846bff H:250 S:58 B:100 #6b6bff H:240 S:58 B:100 #6b84ff H:230 S:58 B:100 #6b9cff H:220 S:58 B:100 #6bb5ff H:210 S:58 B:100 #6bceff H:200 S:58 B:100 #6be6ff H:190 S:58 B:100 #6bffff H:180 S:58 B:100 #6bffe6 H:170 S:58 B:100 #6bffce H:160 S:58 B:100 #6bffb5 H:150 S:58 B:100 #6bff9c H:140 S:58 B:100 #6bff84 H:130 S:58 B:100 #6bff6b H:120 S:58 B:100 #84ff6b H:110 S:58 B:100 #9cff6b H:100 S:58 B:100 #b5ff6b H:90 S:58 B:100 #ceff6b H:80 S:58 B:100 #e6ff6b H:70 S:58 B:100 #ffff6b H:60 S:58 B:100 #ffe66b H:50 S:58 B:100 #ffce6b H:40 S:58 B:100 #ffb56b H:30 S:58 B:100 #ff9c6b H:20 S:58 B:100 #ff846b H:10 S:58 B:100 #ff6b6b H:0 S:58 B:100

明度 #ff846b H:10 S:58 B:100 #e67760 H:10 S:58 B:90 #cc6956 H:10 S:58 B:80 #b35c4b H:10 S:58 B:70 #994f40 H:10 S:58 B:60 #804236 H:10 S:58 B:50 #66352b H:10 S:58 B:40 #4d2820 H:10 S:58 B:30 #331a15 H:10 S:58 B:20 #1a0d0b H:10 S:58 B:10 #000000 H:10 S:58 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

補色 #6bffce H:160 S:58 B:100 #6be6ff H:190 S:58 B:100 #6b9cff H:220 S:58 B:100

類似色 #ff6be6 H:310 S:58 B:100 #ff6bc1 H:325 S:58 B:100 #ff6b9c H:340 S:58 B:100 #ff6b77 H:355 S:58 B:100 #ff846b H:10 S:58 B:100 #ffa96b H:25 S:58 B:100 #ffce6b H:40 S:58 B:100 #fff36b H:55 S:58 B:100 #e6ff6b H:70 S:58 B:100

#ff836b の配色パターン