#f2f2aa

Hexadecimal Color Code

明るい灰みの黄系の色

[RGB] R:242 G:242 B:170

[HSB] H:60 S:30 B:95

[Lab] L:94 a:-10.83 b:34.85

[CMYK] C:10% M:3% Y:43% K:0%

[HSL] H:60 S:73 L:81

[OKLCH] L:94.5% C:0.091 H:108

[Display-P3] R:0.949 G:0.949 B:0.6982

[コントラスト比] Aa 白 1.16:1 ×　Aa 黒 18.05:1 ◎

色相 #f2aaaa H:360 S:30 B:95 #f2aab6 H:350 S:30 B:95 #f2aac2 H:340 S:30 B:95 #f2aace H:330 S:30 B:95 #f2aada H:320 S:30 B:95 #f2aae6 H:310 S:30 B:95 #f2aaf2 H:300 S:30 B:95 #e6aaf2 H:290 S:30 B:95 #daaaf2 H:280 S:30 B:95 #ceaaf2 H:270 S:30 B:95 #c2aaf2 H:260 S:30 B:95 #b6aaf2 H:250 S:30 B:95 #aaaaf2 H:240 S:30 B:95 #aab6f2 H:230 S:30 B:95 #aac2f2 H:220 S:30 B:95 #aacef2 H:210 S:30 B:95 #aadaf2 H:200 S:30 B:95 #aae6f2 H:190 S:30 B:95 #aaf2f2 H:180 S:30 B:95 #aaf2e6 H:170 S:30 B:95 #aaf2da H:160 S:30 B:95 #aaf2ce H:150 S:30 B:95 #aaf2c2 H:140 S:30 B:95 #aaf2b6 H:130 S:30 B:95 #aaf2aa H:120 S:30 B:95 #b6f2aa H:110 S:30 B:95 #c2f2aa H:100 S:30 B:95 #cef2aa H:90 S:30 B:95 #daf2aa H:80 S:30 B:95 #e6f2aa H:70 S:30 B:95 #f2f2aa H:60 S:30 B:95 #f2e6aa H:50 S:30 B:95 #f2daaa H:40 S:30 B:95 #f2ceaa H:30 S:30 B:95 #f2c2aa H:20 S:30 B:95 #f2b6aa H:10 S:30 B:95 #f2aaaa H:0 S:30 B:95

明度 #ffffb3 H:60 S:30 B:100 #e6e6a1 H:60 S:30 B:90 #cccc8f H:60 S:30 B:80 #b3b37d H:60 S:30 B:70 #99996b H:60 S:30 B:60 #808059 H:60 S:30 B:50 #666647 H:60 S:30 B:40 #4d4d36 H:60 S:30 B:30 #333324 H:60 S:30 B:20 #1a1a12 H:60 S:30 B:10 #000000 H:60 S:30 B:0

彩度 #f2f200 H:60 S:100 B:95 #f2f218 H:60 S:90 B:95 #f2f230 H:60 S:80 B:95 #f2f249 H:60 S:70 B:95 #f2f261 H:60 S:60 B:95 #f2f279 H:60 S:50 B:95 #f2f291 H:60 S:40 B:95 #f2f2aa H:60 S:30 B:95 #f2f2c2 H:60 S:20 B:95 #f2f2da H:60 S:10 B:95 #f2f2f2 H:60 S:0 B:95

補色 #aacef2 H:210 S:30 B:95 #aaaaf2 H:240 S:30 B:95 #ceaaf2 H:270 S:30 B:95

類似色 #f2aaaa H:0 S:30 B:95 #f2bcaa H:15 S:30 B:95 #f2ceaa H:30 S:30 B:95 #f2e0aa H:45 S:30 B:95 #f2f2aa H:60 S:30 B:95 #e0f2aa H:75 S:30 B:95 #cef2aa H:90 S:30 B:95 #bcf2aa H:105 S:30 B:95 #aaf2aa H:120 S:30 B:95

#f2f2aa の配色パターン