#31a57f

Hexadecimal Color Code

深い緑系の色

[RGB] R:49 G:165 B:127

[HSB] H:160 S:70 B:65

[Lab] L:60.86 a:-41.27 b:10.53

[CMYK] C:74% M:17% Y:61% K:0%

[HSL] H:160 S:54 L:42

[OKLCH] L:64.8% C:0.117 H:166.7

[Display-P3] R:0.3355 G:0.6381 B:0.5075

[コントラスト比] Aa 白 3.07:1 △　Aa 黒 6.81:1 ○

色相 #a63232 H:360 S:70 B:65 #a63245 H:350 S:70 B:65 #a63258 H:340 S:70 B:65 #a6326c H:330 S:70 B:65 #a6327f H:320 S:70 B:65 #a63292 H:310 S:70 B:65 #a632a6 H:300 S:70 B:65 #9232a6 H:290 S:70 B:65 #7f32a6 H:280 S:70 B:65 #6c32a6 H:270 S:70 B:65 #5832a6 H:260 S:70 B:65 #4532a6 H:250 S:70 B:65 #3232a6 H:240 S:70 B:65 #3245a6 H:230 S:70 B:65 #3258a6 H:220 S:70 B:65 #326ca6 H:210 S:70 B:65 #327fa6 H:200 S:70 B:65 #3292a6 H:190 S:70 B:65 #32a6a6 H:180 S:70 B:65 #32a692 H:170 S:70 B:65 #32a67f H:160 S:70 B:65 #32a66c H:150 S:70 B:65 #32a658 H:140 S:70 B:65 #32a645 H:130 S:70 B:65 #32a632 H:120 S:70 B:65 #45a632 H:110 S:70 B:65 #58a632 H:100 S:70 B:65 #6ca632 H:90 S:70 B:65 #7fa632 H:80 S:70 B:65 #92a632 H:70 S:70 B:65 #a6a632 H:60 S:70 B:65 #a69232 H:50 S:70 B:65 #a67f32 H:40 S:70 B:65 #a66c32 H:30 S:70 B:65 #a65832 H:20 S:70 B:65 #a64532 H:10 S:70 B:65 #a63232 H:0 S:70 B:65

明度 #4dffc4 H:160 S:70 B:100 #45e6b0 H:160 S:70 B:90 #3dcc9c H:160 S:70 B:80 #36b389 H:160 S:70 B:70 #2e9975 H:160 S:70 B:60 #268062 H:160 S:70 B:50 #1f664e H:160 S:70 B:40 #174d3b H:160 S:70 B:30 #0f3327 H:160 S:70 B:20 #081a14 H:160 S:70 B:10 #000000 H:160 S:70 B:0

彩度 #00a66f H:160 S:100 B:65 #11a674 H:160 S:90 B:65 #21a67a H:160 S:80 B:65 #32a67f H:160 S:70 B:65 #42a685 H:160 S:60 B:65 #53a68a H:160 S:50 B:65 #63a690 H:160 S:40 B:65 #74a695 H:160 S:30 B:65 #85a69b H:160 S:20 B:65 #95a6a0 H:160 S:10 B:65 #a6a6a6 H:160 S:0 B:65

補色 #a63292 H:310 S:70 B:65 #a63258 H:340 S:70 B:65 #a64532 H:10 S:70 B:65

類似色 #58a632 H:100 S:70 B:65 #3ba632 H:115 S:70 B:65 #32a645 H:130 S:70 B:65 #32a662 H:145 S:70 B:65 #32a67f H:160 S:70 B:65 #32a69c H:175 S:70 B:65 #3292a6 H:190 S:70 B:65 #3275a6 H:205 S:70 B:65 #3258a6 H:220 S:70 B:65

#31a57f の配色パターン