#57af83

Hexadecimal Color Code

鈍い緑系の色

[RGB] R:87 G:175 B:131

[HSB] H:150 S:50 B:69

[L*a*b*] L*:65.21 a*:-36.9 b*:14.59

[CMYK] C:67% M:14% Y:59% K:0%

[HSL] H:150 S:35 L:51

[OKLCH] L:68.7% C:0.108 H:159.8

[Display-P3] R:0.4295 G:0.6782 B:0.5264

[コントラスト比] Aa 白 2.67:1 ×　Aa 黒 7.86:1 ◎

色相 #b05858 H:360 S:50 B:69 #b05867 H:350 S:50 B:69 #b05875 H:340 S:50 B:69 #b05884 H:330 S:50 B:69 #b05893 H:320 S:50 B:69 #b058a1 H:310 S:50 B:69 #b058b0 H:300 S:50 B:69 #a158b0 H:290 S:50 B:69 #9358b0 H:280 S:50 B:69 #8458b0 H:270 S:50 B:69 #7558b0 H:260 S:50 B:69 #6758b0 H:250 S:50 B:69 #5858b0 H:240 S:50 B:69 #5867b0 H:230 S:50 B:69 #5875b0 H:220 S:50 B:69 #5884b0 H:210 S:50 B:69 #5893b0 H:200 S:50 B:69 #58a1b0 H:190 S:50 B:69 #58b0b0 H:180 S:50 B:69 #58b0a1 H:170 S:50 B:69 #58b093 H:160 S:50 B:69 #58b084 H:150 S:50 B:69 #58b075 H:140 S:50 B:69 #58b067 H:130 S:50 B:69 #58b058 H:120 S:50 B:69 #67b058 H:110 S:50 B:69 #75b058 H:100 S:50 B:69 #84b058 H:90 S:50 B:69 #93b058 H:80 S:50 B:69 #a1b058 H:70 S:50 B:69 #b0b058 H:60 S:50 B:69 #b0a158 H:50 S:50 B:69 #b09358 H:40 S:50 B:69 #b08458 H:30 S:50 B:69 #b07558 H:20 S:50 B:69 #b06758 H:10 S:50 B:69 #b05858 H:0 S:50 B:69
明度 #80ffbf H:150 S:50 B:100 #73e6ac H:150 S:50 B:90 #66cc99 H:150 S:50 B:80 #59b386 H:150 S:50 B:70 #4d9973 H:150 S:50 B:60 #408060 H:150 S:50 B:50 #33664d H:150 S:50 B:40 #264d39 H:150 S:50 B:30 #1a3326 H:150 S:50 B:20 #0d1a13 H:150 S:50 B:10 #000000 H:150 S:50 B:0
彩度 #00b058 H:150 S:100 B:69 #12b061 H:150 S:90 B:69 #23b06a H:150 S:80 B:69 #35b072 H:150 S:70 B:69 #46b07b H:150 S:60 B:69 #58b084 H:150 S:50 B:69 #6ab08d H:150 S:40 B:69 #7bb096 H:150 S:30 B:69 #8db09e H:150 S:20 B:69 #9eb0a7 H:150 S:10 B:69 #b0b0b0 H:150 S:0 B:69
補色 #b058b0 H:300 S:50 B:69 #b05884 H:330 S:50 B:69 #b05858 H:0 S:50 B:69
類似色 #84b058 H:90 S:50 B:69 #6eb058 H:105 S:50 B:69 #58b058 H:120 S:50 B:69 #58b06e H:135 S:50 B:69 #58b084 H:150 S:50 B:69 #58b09a H:165 S:50 B:69 #58b0b0 H:180 S:50 B:69 #589ab0 H:195 S:50 B:69 #5884b0 H:210 S:50 B:69

#57af83 の配色パターン