#f4b0ab

Hexadecimal Color Code

明るい灰みの赤系の色

[RGB] R:244 G:176 B:171

[HSB] H:4 S:30 B:96

[Lab] L:78 a:24.15 b:12.42

[CMYK] C:4% M:42% Y:26% K:0%

[HSL] H:4 S:77 L:81

[OKLCH] L:82% C:0.08 H:23.7

[Display-P3] R:0.9168 G:0.7013 B:0.6783

[コントラスト比] Aa 白 1.80:1 ×　Aa 黒 11.64:1 ◎

色相 #f5abab H:360 S:30 B:96 #f5abb8 H:350 S:30 B:96 #f5abc4 H:340 S:30 B:96 #f5abd0 H:330 S:30 B:96 #f5abdc H:320 S:30 B:96 #f5abe9 H:310 S:30 B:96 #f5abf5 H:300 S:30 B:96 #e9abf5 H:290 S:30 B:96 #dcabf5 H:280 S:30 B:96 #d0abf5 H:270 S:30 B:96 #c4abf5 H:260 S:30 B:96 #b8abf5 H:250 S:30 B:96 #ababf5 H:240 S:30 B:96 #abb8f5 H:230 S:30 B:96 #abc4f5 H:220 S:30 B:96 #abd0f5 H:210 S:30 B:96 #abdcf5 H:200 S:30 B:96 #abe9f5 H:190 S:30 B:96 #abf5f5 H:180 S:30 B:96 #abf5e9 H:170 S:30 B:96 #abf5dc H:160 S:30 B:96 #abf5d0 H:150 S:30 B:96 #abf5c4 H:140 S:30 B:96 #abf5b8 H:130 S:30 B:96 #abf5ab H:120 S:30 B:96 #b8f5ab H:110 S:30 B:96 #c4f5ab H:100 S:30 B:96 #d0f5ab H:90 S:30 B:96 #dcf5ab H:80 S:30 B:96 #e9f5ab H:70 S:30 B:96 #f5f5ab H:60 S:30 B:96 #f5e9ab H:50 S:30 B:96 #f5dcab H:40 S:30 B:96 #f5d0ab H:30 S:30 B:96 #f5c4ab H:20 S:30 B:96 #f5b8ab H:10 S:30 B:96 #f5abab H:0 S:30 B:96

明度 #ffb8b3 H:4 S:30 B:100 #e6a5a1 H:4 S:30 B:90 #cc938f H:4 S:30 B:80 #b3817d H:4 S:30 B:70 #996e6b H:4 S:30 B:60 #805c59 H:4 S:30 B:50 #664947 H:4 S:30 B:40 #4d3736 H:4 S:30 B:30 #332524 H:4 S:30 B:20 #1a1212 H:4 S:30 B:10 #000000 H:4 S:30 B:0

彩度 #f51000 H:4 S:100 B:96 #f52718 H:4 S:90 B:96 #f53e31 H:4 S:80 B:96 #f55549 H:4 S:70 B:96 #f56c62 H:4 S:60 B:96 #f5837a H:4 S:50 B:96 #f59993 H:4 S:40 B:96 #f5b0ab H:4 S:30 B:96 #f5c7c4 H:4 S:20 B:96 #f5dedc H:4 S:10 B:96 #f5f5f5 H:4 S:0 B:96

補色 #abf5d5 H:154 S:30 B:96 #abf0f5 H:184 S:30 B:96 #abcbf5 H:214 S:30 B:96

類似色 #f5abf0 H:304 S:30 B:96 #f5abde H:319 S:30 B:96 #f5abcb H:334 S:30 B:96 #f5abb9 H:349 S:30 B:96 #f5b0ab H:4 S:30 B:96 #f5c3ab H:19 S:30 B:96 #f5d5ab H:34 S:30 B:96 #f5e7ab H:49 S:30 B:96 #f0f5ab H:64 S:30 B:96

#f4b0ab の配色パターン